click to release dot com

Code

April 2017 · work

WebVR Experiments: Speak To Go

Explore the world with your voice. Experiment part of the WebVR Experiments launch.

December 2016 · work

Dark Haze

Christmas Experiments collaboration with Marpi, Bent Stamnes and cbuyukberber: lots of ambiance with pixel texture, smooth music and furry polygons

February 2016 · work

The Polygon Shredder

Exploration of curl noise and half cubes pseudo instancing, using WebGL, three.js and some GLSL trickery.

December 2015 · work

Xmas Virus

Entry for the 2015 Christmas Experiments site. A throwback demo of neon flickering lights, made with WebGL, three.js, GLSL and Web Audio

November 2015 · work

Día de Muertos 2015

Design and customise your own calaca for Día de Muertos

May 2015 · work

Google I/O 2015 Toy

Experiment with physics and analytical local ambient occlusion. Made with WebGL, Web Audio API, three.js, oimo.js and Wagner

January 2015 · work

cru·ci·form

A study in architecture visualisation with models by @sejnulla. Nice music, glossy reflections, slow travellings, custom shading and postprocessing, using three.js and Wagner

December 2014 · work

B E Y O N D

Real-time WebGL demo with @cabbibo for Christmas Experiments 2014. Crystal growth simulation, sound processing, custom shading and postprocessing

October 2014 · work

It's a message
in a Jack-o-lantern

Online interactive experience for Halloween, in which the user can carve a stencil into a procedurally generated pumpkin and share it

June 2014 · work

Kick with Chrome

A collection of mobile games for Chrome, celebrating the World Cup; using the latest web technologies to provide a multiplayer experience across multiple devices

June 2014 · work

Decals for three.js

Decals implementation for three.js, useful for temporary decorations like bullet impacts, blood splatters, burn or skidmarks; or for weathering effects on objects

May 2014 · work

Smartwater: look up

Smartwater new cloud experience, using WebGL, canvas and CSS3D renderers, with several interactions for desktop and tablet, and soothing reactive music.

December 2013 · work

SnowBox

A 3D tool to create snow thingies, using metaballs and 3D models, in collaboration with @claudioguglieri and @Sejnulla. Lots of 2D, 3D and code goodness!

December 2013 · work

Bumpy metaballs

Isosurface with Marching Cubes, bump mapping with normal mapping and triplanar mapping, shading with a MatCap shader.

October 2013 · work

Spherical Environment Mapping (MatCap/LitSphere) and Normal Mapping

Spherical Mapping (MatCap/LitSphere) with Normal Mapping, using WebGL and GLSL. This is an editor to toy around with different materials, normals and render effects. With subdivision modifier, noise and rim lighting.

September 2013 · work

Gravity

A WebGL experience for the Warner Brothers' movie Gravity directed by Alfonso Cuarón, it's an interactive spacewalk orbiting Earth in a debris field.

September 2013 · work

SUB FOCUS TORUS

An online WebGL experience that allows users to search google maps and street view and discover previews of SubFocus' new album Torus. Using three.js, SoundCloud API, imgur API, google maps API and many more.

July 2013 · work

NPR Sketch GLSL shader

Real-time post-processing shader to create the style of old architectural drawings.

June 2013 · work

Cross-hatching GLSL shader

Blinn-Phong shading and rim lighting. Based on Microsoft Research "Real-Time Hatching" paper.

December 2012 · work

Shake a flake | Reactive snow

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

October 2012 · work

It's a Halloween Message!

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

September 2012 · work

CCapture.js

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

September 2012 · work

Rocking Dendrites

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

August 2012 · work

Mars Panoramas in WebGL redux

A panorama viewer using data from Ashima Group Panorama Viewer that doubles as a Fullscreen API and Pointer Lock API experiment

July 2012 · work

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

July 2012 · work

Adorable Flying Sagan

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

April 2012 · work

Cube - a Google Maps game

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.

April 2012 · work

Floating Shiny Knot

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

April 2012 · work

Latitude Reflection Mapping

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

March 2012 · work

CSS3D Clouds

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

December 2011 · work

It's a message! Holidays 2011

Holiday greetings message using WebGL, Google Street View and Geolocation API. Enjoy the soothing experience, personalize your message and share it with everyone!

October 2011 · work

Blocky Earth

An abstract representation of sections of the world through aligned cubes, using WebGL, Geolocation API and Google Maps imagery and Elevation API

September 2011 · work

Urban Arteries

Entry for the Mozilla Dev Derby, using HTML5 canvas, Geolocation API and Google Maps Elevation API

September 2011 · work

Conway's Game of Life in 3D

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

September 2011 · work

Animated GIF in 3D

Animated GIF in 3D uses WebGL with three.js and Drag and Drop API to get a new perspective into animated gifs

August 2011 · work

WebGL Weather Globe

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

June 2011 · work

WebGL Light Box

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

May 2011 · work

WebGL Google Street Viewer

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

August 2010 · work

The Wilderness Downtown

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