portfolio

Designed to demonstrate various types of CSS/Javascript animations and easing functions (desktop only)

Interactive SVG demonstrating a 401k visualizer concept (desktop only)

A more abstract, artistic version of the Interactive 401k visualizer with particle effects, built using canvas/PixiJS (desktop only)

High-fidelity prototype of Comcast’s “Dashboard” app platform, demonstrated live during Comcast’s Brian Roberts 2013 NCTA (National Cable & Telecommunications Association) keynote address. (The dashboard demo starts at 16:30 and runs through 17:50)

Interactive HTML5 game utilizing Leap Motion as the primary interface. The game was deployed at the AstraZeneca booth at several major Pharmaceutical Conventions. Tools used: HTML5, CSS, JavaScript, CreateJS, GSAP, Leap Motion. (Note: skip to 2:50 to view gameplay)

change the color palette and the particle motion

this demo contains a mix of css keyframe animations and dynamically drawn background elements (stars, trees, and mountains, which will be different every time)

change the speed and the zoom level of the bubbles using the provided sliders

change the colors using the provided sliders.

generative art, groovy paths are different every time you refresh the screen

take a CSS drive on a mountain pass

wave animation

SVG based ripple animation. Generally this type of animation would probably be build using the canvas element

I used this as an intro page for my interactive animation talk for the Vanguard design community

interactive svg using GSAP

Allows for the creation of randomly generated art based upon simple Fourier transforms. Build using Processing. Work in progress.

Random movement of fish using perlin noise

React Proof of concept using ThreeJS. Allows you to select the desired roll amount (the sum of the dice) when one or two dice are thrown.

vanilla javascript fractal animation using the canvas element

vanilla javascript particle animation using the canvas element

Select matching pairs before the time runs out! Prototype built in Svelte, final version is React

With the prototype, you can select both the number of letters per word and the number of attemps

Find the differences between two nearly identical images

tinder style poll app. Drag the central image to select or reject

Physics based svg plinko game using the MatterJS physics engine