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.

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.

WebGL Google Web Toolkit bindings

There are currently three under development:

1. WGT
2. gwt-g3d
3. GwtGL

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.

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.