Welcome to my little corner on the Internet

• Optical flow | WebRTC

  Code (experiment) · May 2013

  An experiment using WebRTC's getUserMedia feature to access the user's webcam and perform some effects using optical flow. Coded using oflow.js and three.js.

• procras.tv

  Code (experience) · February 2013

  A mash up of twitter, vine and instagram for the ultimate procrastinating experience.

• Web Audio Input and Windows

  Blog · January 2013

  Gettings Chrome's new Web Audio Input feature to work on Windows.

• Shake a flake | Reactive snow

  Code (experience) · 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.

• Vertex displacement with GLSL

  Blog · December 2012

  Vertex displacement with a noise function using GLSL and three.js

• Split-flap display with CSS & JS

  Code (library) · 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.

• The new site is live

  Blog · November 2012

  After several versions that never saw the light of the tubes, the newest and shiniest version of clicktorelease.com is live!

• It's a Halloween Message!

  Code (experience) · October 2012

  An experiment on procedural generation of meshes and custom shading. In this case, a Halloween pumpkin for a special message.

• THEY WILL EAT YOU

  Code (work) · October 2012

  A Halloween experience by B-Reel: a WebGL zombie game, with kick-ass 3D models, creepy rendering and unsettling sounds.

• CNN / Google Campaign Explorer

  Code (work) · October 2012

  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

  Code (experience) · 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

  Code (library) · September 2012

  CCapture.js is a JavaScript library to help capturing animations created with HTML5 canvas at a fixed framerate.

• Mars Panoramas in WebGL redux

  Code (experiment) · 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

  Code (work) · July 2012

  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

  Code (experiment) · 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

  Code (experiment) · 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

  Code (experiment) · 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

  Code (commision) · 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

  Code (work) · April 2012

  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.

• How to make clouds with CSS 3D

  Blog · April 2012

  A tutorial on how to use CSS 3D Transforms to create sprite-based 3D-like clouds. This tutorial will try to guide you through the steps to create a 3D-like, billboard-based clouds.

• Floating Shiny Knot

  Code (experience) · 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

  Code (experiment) · 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

  Code (contest) · March 2012

  An experiment on creating 3D-like clouds with CSS3 3D Transforms and a bit of Javascript.

• It's a message! Holidays 2011

  Code (experience) · December 2011

  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

  Code (contest) · December 2011

  Entry for the Mozilla Dev Derby, using HTML5 canvas and Audio API to create a continuous scribble experience

• Blocky Earth

  Code (experiment) · 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

  Code (contest) · 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

  Code (experiment) · 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.

• Don't lose your waykipedia

  Code (contest) · September 2011

  Entry for the Mozilla Dev Derby, using the History API, HTML5 canvas and XmlHttpRequest to track your browsing of wikipedia.

• Animated GIF in 3D

  Code (experiment) · 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

  Code (experiment) · August 2011

  A project adding terrain and cloud layers from Google Maps to the Google DAT's WebGL Globe code

• HTML5 VJing Tool

  Code (contest) · July 2011

  Entry for the Mozila Dev Derby, using HTML5 video and audio to create a simple tool for VJing

• WebGL Light Box

  Code (experiment) · 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

  Code (experiment) · May 2011

  A Google Street View player using WebGL with three.js to provide a much smooth experience.

• The Wilderness Downtown

  Code (work) · August 2010

  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.