HTML5 Example

Some months ago I was browsing webglstats.com and I realised that 95% of all the systems that supported WebGL also supported the extension OES_texture_float. This extension opens the door for textures with 32 bit float precision per channel instead of the usual unsigned 8 bit integer.

This also allows all sorts of trickery. Suddenly you can store, say, 1 million particle positions into a 1024x1024 texture and in the vertex shader move the particles to wherever the color in the texture says.

On top of that, add the generosity of zz85 on moving the particle simulation from javascript to a shader directly (aka fom the cpu to the gpu) and you end up with a neat and performant toy.

I have to be honest though, I don't yet control the simulation code. It just happens to be stable and cool looking.

webgl, glsl, three.js

WebGL

An experiment that explores the algorithmic forms of a pillbug , set to the tune of DeBussy's Arabesque.

Edit the variables in real time at:
http://pillbug.uncontrol.com/v_15/src/

javascript, jquery, three.js, dat.gui, jsTween, Web Audio

WebGL

Simple, lightweight 2.5D axonometric projection engine consisting of just 2 component types: a Scene and Nodes. Nest and transform Nodes by translating, scaling and rotating them before projecting their 3D world coordinates into 2D screen space. Pretty nippy and only 7KB.

JavaScript, HTML & LESS/CSS

3D Not WebGL

"This Exquisite Forest" is an online collaborative art experiment presented by Google and Tate Modern. The project lets users create short animations that build off one another as they explore a specific theme. It can be accessed via the website exquisiteforest.com and through a physical installation at Tate Modern (http://www.tate.org.uk/) from July 23, 2012.

Google App Engine, Google Cloud Storage, HTML5 Canvas, SVG, Web Audio API, CSS3, HTML5 Video, WebM, Google Web Fonts, Local Storage, Wacom Tablet support View the technology page at: http://www.exquisiteforest.com/about/technology

Drawing Not WebGL

See the magic of the web brought to life through 5 Chrome Experiments.
Open to the world online. Live from the Science Museum, London.

JavaScript, V8, HTML5 Canvas, WebGL, Web Workers

WebGL