HTML5 Example

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

The game runs on canvas. It loads an image and slice it in a few pieces. The RequestAnimationFrame provide power efficient and smooth animations.

Canvas Image manipulation RequestAnimationFrame Fullscreen API Application Cache API Audio API Mouse, keyboard, and touch support

Games Not WebGL

The eyes follow your mouse, click to add more and drag them freely..

Canvas, Box2D, CSS3

Not WebGL Gravity