WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins.
WebGL is a great tool for quick demos and video rendering. In the past year, I have created Social Street View, Video Fields, and VRSurus using WebGL. Additionally, I did light field rendering, ray marching, and Poisson blending in WebGL. I really recommend it.
The only downfall is that it does not support geometry shaders and compute shaders.
Here, I listed my WebGL collections:
WebGL Libraries
- Three.js – The most powerful WebGL libraries on the web
- ThreeX.js – The most powerful plugin for Three.js
- Physics.js – All about physics.
- $1 Unistroke Recognizer
- Camgaze.js Eye-tracking and gaze detection. I tried it, ~4 fps, some sort of accurate
- Tracking.js Face, eye, mouth tracking in web browser, BRIEF and FAST feature extraction.
- Online image editor I edited some open-source project long time ago…
- WebGL 2 Features
WebGL Textbooks
- Angel and Shreiner, Interactive Computer Graphics, 7th ed, Pearson
- Munshi, Ginsburg and Shreiner, OpenGL ES 2.0 Programming Guide, Addison-Wesley
- Matsuda and Lea, WebGL Programming Guide, Addison-Wesley
- Cantor and Jones, WebGL Beginner’s Guide, PACKT Publishing
- Parisi, WebGL: Up and Running, O’Reilly
- WebGL 2 Fundementals
WebGL Courses
- https://github.com/stackgl/webgl-workshop
- https://github.com/stackgl/shader-school
- Interactive 3D graphics by Autodesk
- Video Lectures on Udacity: [1]
- Interactive Computer Graphics with WebGL by Prof. Edward Angel on Coursera Summer 2015.
- Video Lectures on YouTube uploaded by Ruofei: [2]
- Interactive Computer Graphics by Prof. Takeo Igarashi on Coursera Summer 2013.
WebGL Tools
Minification
WebGL Inspirations
Best Resources
Other Examples
- Spring
- MathBox Audio
- Angel
- Angel WebGL 7E
- OpenGL.org
- Get.WebGL.org
- Chrome Exp
- WebGL.com
- LearningWebGL.com
- War of 1996