One of my hobbies is programming Launchpad i/o and this tool is to create animations for that. It is compatible with most major DAWs
Opens in a new window. If you own a Novation Laucnchpad, use this in chrome and it will connect using the WebMidi API.
Web GL / HTML5 Canvas Demos
Please view these on a desktop browser. They are compatible with some mobile browsers but only very new releases still.
WebGL Earth with Soundcloud Integration
Combining HTML5 Audio with WebGL, this is a project I'm very proud of. There are many different layers at work here. One side is reflective of light, the other is not. The Nebula itself is a series of additive layers working together.
A Demo created for an event production company in Toronto
WebGL Kinect Sample Conversion
Using the XBox Kinect, I sampled a model of myself, and converted it into webGL format. The background uses a custom environment map
Modelled using sculptris and converted into WebGL, with smoke and lights reactive to music.
Audio Credit To : Akira - Kaneda's Theme by Shoji Yamashiro. Source
WebGL 3D Editor (WIP)
This is a work in progress of a simple 3d editor for creating WebGL Scenery, and uses raycasting to select objects
Oculus Dream Test
Testing Oculus rendering in WebGL / Three.js
(opens new window -- must be viewed at 1920x1080)
Custom Shader Scripts
Non-Web GL Shaders
These are youtube videos of some work I have been doing with FLStudio, a popular Digital Audio Workstation created by Image-Line.
Video Alpha Keying
This example uses a RGB Video with no alpha channel, and keyes out a specific color filter to create an alpha channel.
Based on the very popular demo "Second Reality" by the Future Crew in 1993. This very demo is what inspired my younger 13 year self to learn to code.Source (Time index : 4:23)
This example combines uses one image with multiple images within it. The shader will take in parameters, and render the section of the image you are requesting, and will cross fade between them. Great for texture source maps as shown in this example.
This example takes a live source feed, and remaps the image to a customizeable palette with various looping and multiplicitive effects.
Lens distortion effect
This example is a test rendering for a project I have been working on. It uses a custom shader that's been rendered @60fps.