ch JavaScript graphics
Dr. Mark Humphrys

School of Computing. Dublin City University.

Home      Blog      Teaching      Research      Contact

My big idea: Ancient Brain

Search:

CA216      CA249      CA318

CA400      CA651      CA668


JavaScript graphics

If Ajax is JavaScript's 2nd life, then maybe graphics is JavaScript's 3rd life.

Javascript is entering a new future as a graphics language.
3D graphics rendering on client side in Javascript.

Client side rendering of course scales very well. Server CPU is overloaded. Client has idle CPU and dedicated GPU.





canvas



WebGL

  


JavaScript libraries

If you are not a graphics specialist, you will probably want to use a high-level Javascript library that wraps WebGL in higher-level objects and methods.


Three.js

  

Books





Test of Three.js

For all these demos, "View Source" to see the entire thing!







Debugging



Resources (colors, textures, skyboxes, music, key codes)

  

Colors


Textures


Cube maps (Skyboxes)


Music


Mouse and keyboard control



More advanced demo






Feeds      w2mind.org      ancientbrain.com

On the Internet since 1987.