World of RedBull Fullscreen Video Experience

Role: Developer

Here is an adaptive fullscreen HTML5 video site for RedBull. The site features many of the latest Javascript technologies such as Backbone.js, Coffee Script, and Video.js. We converted to the video portion of the site to from HTML to Flash streaming in order to reach a larger audience. There were many developers on the site including both back and front end teams. My role focused on the thumbnail tray with data integration and animation.

Xbox Kinect Sports 2

Role: Lead Developer

This is a HTML5 video site. It is also fully compatible with the iPad. This entire site is custom code since Xbox doesn't allow 3rd party libraries with the exception of jQuery. I also created a Silverlight for the video as a backup for older browsers. The site acts like a cable interface that can change channels and open and close the menu with smooth animation. The animations are all created in CSS3 for the latest browsers with a jQuery backup.

We Are All One for Target and Converse

Role: Lead Developer
This Target micro-site compiles user submissions into a montage of Facebook profile images. The user can answer a question and upload images from their library. To accommodate high traffic and quick load times, the Rails server sends numerous small profile image colleges one after anouther. I use flash to cut up bitmap data from the loaded images and combine JSON content to create unque tile objects which then have maximum control and can display before all have loaded. To see the montage in order as it loads you can add "?random=false" to the url.

Kinect Adventures for Xbox 360

VIEW SITE 

Role: Lead Developer
Kinect Adventures is the launch title that accompanies the new motion sensing camera and microphone device from Xbox. In this site, I created the framework and the main interface where the user can use a typical navigation or click the helicopter and fly around the map looking for easter eggs and surprises. The site contain a video player, image slide show, and a picture editor that connects directly to Facebook. After connecting, it loops through your album images, lets the you choose one, then adds a custom set of stickers and appends the image all through the Silverlight experience. The user is then offered to post the image to their Facebook wall. This is a Silverlight 4 site localized in 30 languages and took approximately 8 weeks of development.

Your Shape Fitness Evolved for Xbox 360

Role: Developer
The Your Shape Xbox game site took Facebook user's activity and translated it into estimated calories burned. My portion as collaborative engineer was the graph from the image above and all the site animation. I took the Facebook activity data passed from the data model to populated the graph after developing the user interface. I created some animations using After Effects and other using C# composite rendering events. It was a 4 week long project.

Halo Reach for Xbox 360

Role: Developer

As one of Xbox’s flagship franchises, this was an ambitious Silverlight project which contained a live video feed displaying a two-story robot that was essentially controlled by the site's user. There was a predefined set of 120,000 points in 3D space that would correlate to a 2-dimensional monument comprised of light points that would create a silhouette of the game characters. The site enabled the user to log into Facebook and use their profile to choose a point of light that would be dedicated to them. The user’s point would be put into a queue and they could watch the point be created in real-time. My contribution included a video player, character sections, and animations. We received a FWA.

Alan Wake for Xbox 360

Role: Lead Developer
This Silverlight site had a large focus on video episodes. My portion of the site includes a smoothing streaming video player, slideshows, scrolling thumbnail docks, and mouse triggered background effects. Everything is XML driven and loaded on demand. The site was localized in several languages and makes dynamic layout adjustments for text size considerations. The project took 6 weeks of development.