Thumbs List Code Experiments, toys and serious work My experiments with HTML5, CSS3 and JavaScript: canvas, WebGL, CSS 3D Transforms, Web Audio, etc. procras.tv Shake a flake | Reactive snow Split-flap display with CSS & JS It's a Halloween Message! THEY WILL EAT YOU CNN / Google Campaign Explorer Rocking Dendrites CCapture.js Mars Panoramas in WebGL redux The Bravest Man In The Universe Adorable Flying Sagan Light Orb Experiments with Perlin Noise The Reverse Barbershop Cube Floating Shiny Knot Latitude Reflection Mapping CSS3D Clouds It's a message! Holidays 2011 The Spiral Blocky Earth Urban Arteries Conway's Game of Life in 3D Animated GIF in 3D WebGL Weather Globe Don't lose your waykipedia HTML5 VJing Tool WebGL Light Box WebGL Google Street Viewer The Wilderness Downtown Most recent release · February 2013 procras.tv http://www.procras.tv A mash up of twitter, vine and instagram for the ultimate procrastinating experience. Shake a flake | Reactive snow · December 2012 A Holidays experimente with reactive snow using WebGL, Web Audio API, WebRTC and localStorage. Blow into the microphone to make the falling snow shake and twirl. Split-flap display with CSS & JS · November 2012 An homage to low technology presence in the web of the 21st century: a split-flap display, created with HTML, CSS3 and JavaScript. It's a Halloween Message! · October 2012 http://www.itsamessage.com/halloween2012 An experiment on procedural generation of meshes and custom shading. In this case, a Halloween pumpkin for a special message. THEY WILL EAT YOU · October 2012 http://www.theywilleatyou.com A Halloween experience by B-Reel: a WebGL zombie game, with kick-ass 3D models, creepy rendering and unsettling sounds. CNN / Google Campaign Explorer · October 2012 http://www.cnn.com/tracker An online tool by B-Reel for a CNN|Google collaboration to give a visual and interactive representation of the Money Race for the 2012 Presidential Election. Rocking Dendrites · September 2012 An experiment on custom shading to create a DOF effect, mesh generation and sound visualisation. Play around with the generation settings and drop songs into the experience. CCapture.js · September 2012 https://github.com/spite/ccapture.js CCapture.js is a JavaScript library to help capturing animations created with HTML5 canvas at a fixed framerate. Mars Panoramas in WebGL redux · August 2012 A panorama viewer using data from Ashima Group Panorama Viewer that doubles as a Fullscreen API and Pointer Lock API experiment. The Bravest Man In The Universe · July 2012 http://www.chromeexperiments.com/detail/the-bravest-man-in-the-universe An interactive music video featuring Bobby Womack, targeted at mobile devices: smartphones and tablets. Lots of SVG elements and CSS animations, with JavaScript interactions. Adorable Flying Sagan · July 2012 A quick and funny experiment with linked CSS3 transforms and animations and HTML5 audio, using the amazing art by SirMitchell and music by Shugo Tokumaru. Light Orb · July 2012 A series of experiments based on the shape and aesthetics of the new Nexus Q. Custom shading, light dispersion calculation and JavaScript physics. Experiments with Perlin Noise · July 2012 Following the steps of Ken Perlin, some experiments on custom shaders. Vertex shaders for mesh displacement, fragment shaders for custom lighting and a test-drive of my post-processing system. The Reverse Barbershop · June 2012 A web app to draw hair on pictures, for mobile, tablet and workstations. Uses WebRTC to grab images, HTML and CSS to create a nice UI, and HTML5 canvas to create the interactive drawing elements. Cube · April 2012 http://www.playmapscube.com A game for Google Maps by B-Reel. The classic labyrinth game inspired on the service aesthetics. WebGL, CSS animations, HTML5 audio and Web Audio API and lots of JavaScript for game logic, physics, etc. Floating Shiny Knot · April 2012 Second step in a series of experiments toward image-based global illumination for models using Google Street View panoramas. This is the test for fetching equirectangular panoramas from the google servers. Latitude Reflection Mapping · April 2012 First step in a series of experiments toward image-based global illumination for models using Google Street View panoramas. This is the test for an environment mapping shader that uses equirectangular panoramas. CSS3D Clouds · March 2012 An experiment on creating 3D-like clouds with CSS3 3D Transforms and a bit of Javascript. It's a message! Holidays 2011 · December 2011 http://www.itsamessage.com/holiday2011 Holiday greetings message using WebGL, Google Street View and Geolocation API. Enjoy the soothing experience, personalize your message and share it with everyone! The Spiral · December 2011 https://developer.mozilla.org/en-US/demos/detail/the-spiral Entry for the Mozilla Dev Derby, using HTML5 canvas and Audio API to create a continuous scribble experience Blocky Earth · October 2011 An abstract representation of sections of the world through aligned cubes, using WebGL, Geolocation API and Google Maps imagery and Elevation API. Urban Arteries · October 2011 Entry for the Mozilla Dev Derby, using HTML5 canvas, Geolocation API and Google Maps Elevation API. Conway's Game of Life in 3D · September 2011 An eye-candy version on Conway's Game of Life in 3D. An experiments using WebGL with three.js to get familiar with the library. Animated GIF in 3D · September 2011 Animated GIF in 3D uses WebGL with three.js and Drag and Drop API to get a new perspective into animated gifs. WebGL Weather Globe · August 2011 A project adding terrain and cloud layers from Google Maps to the Google DAT's WebGL Globe code Don't lose your waykipedia · September 2011 Entry for the Mozilla Dev Derby, using the History API, HTML5 canvas and XmlHttpRequest to track your browsing of wikipedia. HTML5 VJing Tool · July 2011 https://developer.mozilla.org/demos/detail/html5-vjing-tool Entry for the Mozila Dev Derby, using HTML5 video and audio to create a simple tool for VJing WebGL Light Box · June 2011 A pure WebGL light box to show images in a web page. A rework of the previous lightbox that was built using three.js to use only the exact amount of code necessary. WebGL Google Street Viewer · May 2011 A Google Street View player using WebGL with three.js to provide a much smooth experience. The Wilderness Downtown · August 2010 http://www.thewildernessdowntown.com Interactive music video by Google and B-Reel to show the power of HTML5 and Chrome, with music by Arcade Fire and directed by Chris Milk. It features a lot of HTML5 canvas action.