User Contributions
This is a list of all the WebGL related activities happening on the web. If you know of anything missing from this list, please add it or send a message to [email protected].
Utilities & Projects
WebGLU
Javascript utility library for working with WebGL. WebGLU makes developing WebGL applications easier. WebGLU is open source library under the MIT license.
C3DL
C3DL is an open source javascript library (MIT license) that makes it easier to build web applications with WebGL. The library has support for cameras, lights, swappable shader effects, collada model loading, mouse picking, particle system and more. See Website for more info.
WebGLTrace
WebGLTrace is a WebGL context wrapper that prints a trace of an application's WebGL calls to the JavaScript console. The trace is helpful for debugging, and can also be used to create stand-alone applications that recreate a given series of WebGL calls. Such a stand-alone application could be useful for regression tests and bug reports.
Frameworks
CopperLicht
CopperLicht is a full JavaScript 3D engine for creating games and 3d applications. CopperLicht includes a full 3d world editor and supports about 20 3D file formats (for example. 3ds, .obj, .x, .lwo, .stl. and more). CopperLicht is free to use.
GLGE
The aim of GLGE is to mask the involved nature of WebGL from the web developer, who can then spend his/her time creating richer content for the web.
SceneJS
JavaScript scene graph framework for WebGL
SpiderGL
SpiderGL is a JavaScript 3D Graphics library which relies on WebGL for realtime rendering. The philosophy behind SpiderGL is : to provide typical structures and algorithms for realtime rendering to developers of 3D graphics web application, without forcing them to comply with some specific paradigm (i.e. scene graphs) nor preventing low level access to the underlying graphics layer (WebGL).
X3DOM
X3DOM is a framework for integrating and manipulating (X3D) scenes as HTML5-DOM elements, which are rendered via WebGL. The open-source system allows defining 3D-scene description and runtime behavior declaratively, without any low-level JavaScript or GLSL coding.
EnergizeGL
EnergizeGL is a WebGL framework focused on generative design and information visualization. Everything is kept very simple, to enable users to work on their projects as fast as possible.
WebGL Google Web Toolkit bindings
There are currently three under development:
Tutorials, Technical Whitepapers and How to Guides
Learning WebGL
Follow along with Giles Thomas as he learns WebGL. The website has clear, informative lessons instructing you how to create WebGL graphics in your browser. An understanding of OpenGL is recommended.
WebGL tutorial at the Mozilla Developer Center
By Eric Shepherd, Developer Documentation Lead at Mozilla.
Presentations & Videos
None yet
Examples
Chocolux GPU raytracer ported to WebGL
WebGL port of Auld's amazing 1K demo, Chocolux. Chocolux is a real-time recursive GPU raytracer using four spheres. There are only 2 triangles on screen; all of the ray tracing happens in the fragment shader. Chocolux's raytracer does a few things for distortion (reuse of a loop variable in an inner loop) to achieve the stylized effect and the small footprint.
Quake 3 Map rendered using WebGL
A complete Quake 3 level, drawn using CopperLicht, a WebGL engine
Shader Toy
27 Shader demos ported from various demo scene coders. Built by iq of rgba
Some GPU-based demos by Jonas Sicking of Mozilla
- A GPU-based ray tracer or a more colorful version of the same.
- Some other shader-based demos: a Mandelbrot set that you can click on to see the corresponding Julia set, and secondly a page that morphs between Julia sets.
A WebGL Game of Life
Emanuele Ruffaldi has also written a number of other other WebGL demos
Falling Sand
Aaron Babcock's version of a classic Flash game
QBox
Qbox is a simple photo slideshow which maps images on the faces of a rotating cube; it uses 2D Canvas to resize and center the images and to produce the textures for the cube.
PTViewerNG
Interactive viewer for virtual reality panoramas.
Geometry Instancing
Geometry instancing demo by Cedric Vivier. More demos here
Animated Alien
Animated alien by @pl4n3
Worlds of WebGL
Animated particle system by [email protected]