Gaze Away AR Blur
Using Augmented Reality to detect eye direction.
CSS Grid Sprite Sheet Matrix
A css grid demo to test performance of using sprite sheets to animate short sequences, compared to video and canvas.
Photo Abstraction
Convert a photograph into an abstract work.
WebGL Columns in foggy environment
A concept to illustrate all the lynchings in America for the EJI site. Clicking on a column would showcase a close up. Users could also zoom out to view the entire map. The idea here was to align with the presentation of the Lynching Memorial in Montgomery.
WebGL Bats with Highlight
On click, brings a highlight point into focus and generates 'soundwaves'. Uses a 3d Bat Object file.
WebGL Soundwave Particles
On click, animate randomly waves in 3d space from placed particles.
Photosphere Constellations
Star data mapped into a 3d photosphere, constellations on click.
Webgl shader distorting rectangles into waves irregular
Webgl shader distorting rectangles into waves
With mouse movement.
Webgl shader distorting rectangles into waves
Webgl Shaders for Spotify YIM
Click to twitch.
Webgl Shaders (gradient background and a duotone transform on image)
Tap to switch seamlessly on both mobile/desktop.
Pixel sort test (canvas 2d)
Transition test.
Pixel sort test (canvas 2d)
Transition test.
SVG Delaunay Voronoi
Just an interactive background of polygons pushing and pulling each other. As a user rolls over the polygons expand and contract accordingly.
Responsify
The 'is it responsive?' button for your website
WebGL 3D Google Nexus
As a user scrolls the page the nexus phone model rotates providing different angles of view of the product. One seamless presentation of the product. Limited to specific resolutions.
Webgl Weather Visualization
An experimental project that evolved around visualizing the dramatic effects of weather of time. These experiments were primairly in WebGL but also in D3 and analyized rainfall data and how it has changed over history. It was meant to showase how Climate Change has polariaed a lot of areas.
Pope Trend Tracker
A quick project to try and guess the next pope by data mining Twitter search with over a 100 potential cardinal names. Results were graphed out in D3, used some basic php to create a DB and cron jobs.
HTML 5 Canvas Balls
Physics simulation of balls popping and growing, they also cluster around the mouse as it moves (runs nicely on iPad!).
Youtube Live like meter
Combination of the youtube api and html5 canvas, with ember.js framework.
HTML5 video scrubber
a proof of concept for scrubbing video in html5, quickly and efficently. Uses jplayer.
Video Voices
Small microsite for a non-profit company to demonstrate how one can donate to a non-profit by letting them post to the user's facebook wall. I built the entire front-end and backend, worked with one designer.
Scratchy Stroke
flash scratch pad using curves, blending, and artifacting. later used for an American Horror FX microsite.
Multi video Grid of Dancers
Creative pitch for converse and target, to build out a wall of user submitted dancing videos sliced (tops and bottoms can be mixed and matched).
Flash Dynamic Face smudge
flash demo for BBC where a user would be able to touch anywhere to trigger interactive points, as well as having the mouse distort the user's face.
Att panorama
a flash panorama of their new infuse phone where the user selects a door to watch a video.
Zoomable Grid
A slide presentation type choose your adventure concept with the user able to pick their next slide (to be changed to video), can also zoom out to view all the paths.
Fair Tweet demo
mobile friendly css font tweet page that fills up the remaining spaces available for fair tweet awareness, made for ben and jerry's fairtweet awareness campaign in 2011.
XX private concert
Pitch for the band XX done in partnership with WK (NYC). We shot film at WK's office keyed it out and created a multilayered video webcam experience with biaurial sound and facial detection.
Noisey UI demo
developed this UI demo in working closely with creative to execute the proper feel and functionality of the noisey.com site.
Noise site demo
a combination of jQuery, and Flash to create a streamlined motion filled interface.
Noise nav demo
an example of one flash file with multiple params and options.
Asymetrical image row
jQuery sliding, expanding, rows of unevenly sized thumbnails. As browser size expands and contracts more content is displayed or removed.
Vitamin Water zero ads
a series of vitaminwater ads that had more than double the coke average statistic of interactivity in banner ads.
Cover Flow
A papervision 3D coverflow engine. Pulls information in through an xml file and can be easily modified by flash var parameters, I made a custom tween class to animate with the render of the papervision libraries.
Layered 3D collage
Part of the initial concepts for the branding of Thompson Hotels new site. I wanted to create a dimensional environment from their very flat layered posters.
3d Curved Wall
flash 10 player study
Circular Navigation
dynamic xml driven flash navigation element everything builds off of the circle
vitamin water NCAA fan bracket
Facebook flash app revolving around the NCAA Final Four Tournament. Users vote on their team they like each round teams are eliminated if they have the least fans.
Puma facebook app
Puma papervision 3d flash project
Golden Ratio study in design
Psychology thesis study