All posts in Design

Waterlogue

HeroIpadBestOf2014

Waterlogue is a photo app inspired by Moleskine watercolor journals, urban sketching, artist’s journals and en plain air painting.

The technology developed for Waterlogue transforms your photos into spontaneous, unique, and brilliant watercolor sketches that look like real paintings.

Waterlogue distills your environment down to its essence—just the way an artist would—and turns even an on-the-fly snapshot into something luminous and sublime.

Continue Reading →

Sun Shader

This is an experiment using SpriteKit; it is a single OpenGL shader running on one sprite.

This is not intended to be a realistic sun (with magnetic field lines, etc.) but rather, a sun with expressive flames or filaments. There are a large number of parameters that affect all sorts of elements, such as filament size, chaos amount, etc. Video captured from iPod touch 5G.

Waterlogue Icon

Created in Illustrator and Photoshop.

Several other concepts (notebooks, water drops, paint brushes, camera lenses) were taken to a finished state. These other icons communicated the function and sophistication of Waterlogue, but only the whale elicited a strong, positive emotional response from people.

DrizzlePad 98 @512 White

Continue Reading →

Waterlogue Landing Page & Site

The Waterlogue website was created with RapidWeaver and various RapidWeaver add-ons. The goal was to create a landing page and support site that was fast to create, responsive, modular, and easy to update.

Waterlogue-for-iPhone,-iPad-and-iPod-touch-top

Continue Reading →

Clouds, Animated

This is an animated version of a Processing 1.0 sketch I made a few years ago: tinrocket.com/clouds/

The simple shapes of the clouds are inspired by early 20th century pen & ink illustrations of puffy cumulus clouds. The animation is a byproduct of how the clouds are created.

Percolator

Treble—introduced in version 2.0; Hero shot

Percolator combines unique visual effects processing with a beautiful, retro, coffee-themed user interface (UI) and refined user experience (UX) design. The mosaic technology used in Percolator is based on a proprietary circle packing algorithm.

Continue Reading →

Popsicolor

Inktensity—introduced in version 2.2

Inktensity—introduced in version 2.2

Released six months after the 1.0 release, Popsicolor 2.0 is a significant update to my illustration-inspired photo app. The app is currently at version 2.2.

Continue Reading →

Timeline Software

I created a cross-platform timeline component for BlackBack Technologies Mac and iOS forensic analysis tool, BlackLight.

Continue Reading →

Popsicolor Landing Page

The Popsicolor website was created with RapidWeaver and various RapidWeaver add-ons. The goal was to create a landing page that was fast to create, modular, and easy to update.

Continue Reading →

Popsicolor Icon

Created in Illustrator and Photoshop.

April 2, 2013; Updated with new texture for Popsicolor 2.1

Popsicolor Icon 20 @512px WHITE

Real-time Comic Book Rendering

I developed a sophisticated comics video filter that runs on the iPhone in real-time. To give the app a test run, I shot some footage at lunch one day and edited it in iMovie on an iPhone. The Magical Apple-esque Music is courtesy of iMovie. This work is currently ongoing.

Patent Pending

Percolator Landing Page

The Percolator 2.0 website launched at the same time as Percolator 2.0 and involved the combined efforts of many.

Continue Reading →

Percolator Video

I produced and animated the commercial-style video that appears on www.percolatorapp.com.

Music is by Thomas Gromer of Polarlight Sound. (Thomas composed the very cool music for the Things for iPad video.)


Continue Reading →

Experimental iOS App: Pixel Art Meets Global Illumination Rendering

This experimental iOS Graphics app is ½ old-school 2D pixel editor and ½ 3D global illumination renderer. I developed a ray casting algorithm that uses low- resolution depth and color maps to produce a high resolution rendering with subtle lighting and shading.

From left to right: depth map (user created), color map (user created), depth + color (used for final render), global illumination rendering.

Continue Reading →

Henri Icon

Icon, logotype and concept for a BW iOS photo app.

Photoshop and Cinema 4D.

Percolator Icon

Created in Cinema 4D and Photoshop.

Continue Reading →

Icon Study: Album Cover Art Photo App

Icon study for a Mac and iOS photo app. Created in Cinema 4D.

Double Across for iPad

I designed the graphics and interface skins for an iPad game designed and developed by Sol Robots.

Double Across is a crossword-style puzzle board game that lets you play with up to five other people, or with “famous author” AIs.

Continue Reading →

2000-2009: Decade in Review

This interactive takes 400+ events—chosen by AP editors—from the past 10 years and presents them on a continuous timeline.

Editors assigned a category-specific “priority” to each item, which is reflected by each item’s size in the timeline. Each item is clickable, bringing up an event description, full image, and photo caption.

Continue Reading →

Winter Olympic Medals

For the AP, I developed this section of a historical overview of the medals won at Winter Olympic Games. The chart components are placed dynamically after the data loads.

A force-directed graph was used to avoid overlapping boxes. Instead of a bounding circle around each node in the graph, I used a bounding box and computed overlap distance between pairs of boxes when relaxing the layout. This yielded a much more efficient “packing” of the items.

Continue Reading →

Live Global Storm Tracker

The development of the new AP storm tracking interactive and its underlying map engine involved coordination with the primary data provider and research into competing storm tracking products.

Continue Reading →

AP Economic Stress Index

This interactive maps several economic indicators (Unemployment, Foreclosure, Bankruptcy) into a composite index score on both state and county levels. The project was a collaboration across several AP bureaus.

Polygon detail reduction tools developed for the project enable the map engine to animate monthly indicator data at the county level.

Continue Reading →

Clouds

I revisited a project written in 2001 and completely rewrote it using Processing.

Continue Reading →

Sun

Inspired by illustrated children’s science books from the 1950s and Bruno Munari’s Drawing the Sun. Written in Processing.

Continue Reading →

Sketch

Produced while beta testing Cinema 4D’s Sketch & Toon Plug-in. Used for promotional purposes by MAXON Computer GmbH.

Owl and the Pusscat

Low-polygon 3d illustration for Edward Lear’s nonsense poem, The Owl and the Pussycat.

Continue Reading →

Pig

This is another test to see whether or not it is possible to quickly model, pose and render an expressive 3D character for children’s books illustration.

I have used a low resolution mesh to speed modeling and to make the silhouette more decisive. The shading material works with the low resolution mesh to loosely model the surface. Finally, an outline was rendered with the image to make the edges clearer.

Continue Reading →

Hare

This is a test to see whether or not it is possible to quickly model, pose and render an expressive 3D character for children’s books illustration.

I have used a low resolution mesh to give the silhouette an angular finish. I have chosen shaders that gave a soft, modeled appearance to the hare while at the same time enhanced the silhouette with rim highlighting.

Continue Reading →

Ship

3D homage to the rendering style of Chris Van Allsburg.