HTML5 Example

Learn to make a simple particle system in HTML5 canvas and Javascript. The particles are basically made of simple circles with radial gradients and random properties for velocity, size and color.

HTML5, Javascript

Not WebGL Particles Realtime Coding

Chaos is an evil virus that infected Bitzz. You must be fast and help Bitzz escaping, reaching the portal, in the less time possible! What are you waiting for? Go!

Bitzz was built with HTML5 and Javascript using the open source game engine MelonJS and Scoreoid for highscore.

Games Not WebGL

The experiment visualizes a real Island named "Antelope Island". It is located in Utah, USA. The dataset is 122880 x 122880 pixels, that's about 14 gigapixels of image data. If the data was not compressed it would be around 56 gigabytes. Even using compression the data set is still around 2 gigabytes. Since waiting while your browser downloads two gigabytes is not all that fun, we implemented a technique called "Virtual Texturing" that downloads only the portions of the data which are really visible on screen. This way you can start browsing right away, without having to wait for gigabytes of data to finish downloading. Untill recently, virtual texturing technology was only available in high-end game engine's such as id software's Rage and DICE's Battlefield 3. However, thanks to modern browser technologies, this can now be achieved in javascript without relying on any special plug-ins.

Javascript WebGL Closure Compiler & Library Custom Apache Module (Server Side, C++)

Geographic WebGL

It's about the new x-webkit-speech feature.

I've tried to recreate a small version of Siri. For now you could just ask it a few different terms.

HTML5, JQuery

Microphone Input Not WebGL

Meet Apollo, walk through the Hall of Mirrors or dream in the King’s apartment with Chaos To Perfection, a 3DWebGL experience built in collaboration with the Google Cultural Institute and Palace of Versailles.

3D, WebGl, Shaders, Retopologie, Motion Design, html5, CSS3

3D WebGL