Generative art Lines on flow fields
Particles drawing lines on fields of electrical charges.
A new year demo to send off this horrible year.
An experiment to generate baubles procedurally.
An experiment with GPU particles bouncing off volumes defined with SDFs.
Inktober 2020 Sketch experiments
All the sketches for Inktober 2020 simulating ink.
Demo for Solskogen 2020.
Three.js helper for FaceMesh.
Depth of field experiments - Curl noise
Experiments with Depth of Field with an accumulation buffer.
Particle systems with sphere impostors
Experiments with a particle system that uses sphere impostors, with shading, light, dithered transparency.
All the loops made with looper.
Digital Inktober 2019
Loops for Inktober 2019.
Capture the Flag viewer
Interactive CTF game explorer, with games of indoor and outdoor procedurally generated environaments where agents train and learn to interact and cooperate.
The gift that keeps on giving.
Loops for Codevember 2018.
Digital Inktober 2018
Loops for Inktober 2018.
Entries for Codevember 2017, 15 days of experiments with WebGL, three.js, simulations and post-processing.
WebVR Experiments: Speak To Go
Explore the world with your voice. Experiment part of the WebVR Experiments launch.
Christmas Experiments collaboration with
: lots of ambiance with pixel texture, smooth music and furry polygons
Entries for Codevember 2016, 30 days of experiments with WebGL, three.js, Web Audio and procedural generation.
The Polygon Shredder
and half cubes pseudo instancing, using WebGL, three.js and some GLSL trickery.
Mesh replacement for THREE.Line
Entry for the 2015
site. A throwback demo of neon flickering lights, made with WebGL, three.js, GLSL and Web Audio.
Día de Muertos 2015
Design and customise your own calaca for Día de Muertos
Google I/O 2015 Toy
Experiment with physics and analytical local ambient occlusion. Made with
Web Audio API
A speech jammer to warp your reality, built with
Web Audio API
A study in
with models by
. Nice music, glossy reflections, slow travellings, custom shading and postprocessing, using
B E Y O N D
for Christmas Experiments 2014. Crystal growth simulation, sound processing, custom shading and postprocessing.
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
Decals for three.js
Decals implementation for
, useful for temporary decorations like bullet impacts, blood splatters, burn or skidmarks; or for weathering effects on objects
A 3D tool to create snow thingies, using
, in collaboration with
. Lots of 2D, 3D and code goodness!
, bump mapping with
, shading with a
Spherical Environment Mapping (MatCap/LitSphere) and Normal Mapping
Spherical Mapping (MatCap/LitSphere) with Normal Mapping, using
. This is an editor to toy around with different
NPR Sketch GLSL shader
Real-time post-processing shader to create the style of old architectural drawings.
Cross-hatching GLSL shader
Blinn-Phong shading and rim lighting. Based on Microsoft Research "Real-Time Hatching" paper.
Shake a flake | Reactive snow
A Holidays experimente with reactive snow using
Web Audio API
. Blow into the microphone to make the falling snow shake and twirl
It's a Halloween Message!
An experiment on
of meshes and
. In this case, a Halloween pumpkin for a special message
An experiment on
to create a DOF effect, mesh generation and sound visualisation. Play around with the generation settings and drop songs into the experience
CCapture.js is a
to help capturing animations created with
canvas at a fixed framerate
Mars Panoramas in WebGL redux
A panorama viewer using data from Ashima Group Panorama Viewer that doubles as a
Pointer Lock API
Adorable Flying Sagan
A quick and funny experiment with
linked CSS3 transforms
and animations and
, using the amazing art by
and music by
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
An experiment on creating 3D-like clouds with
CSS3 3D Transforms
Conway's Game of Life in 3D
An eye-candy version on
Conway's Game of Life
in 3D. An experiments using
to get familiar with the library
Animated GIF in 3D
Animated GIF in 3D uses
Drag and Drop API
to get a new perspective into animated gifs
WebGL Light Box
light box to show images in a web page. A rework of the previous lightbox that was built using
to use only the exact amount of code necessary
The Wilderness Downtown
Interactive music video by
to show the power of
, with music by
and directed by
. It features a lot of HTML5