Not any more

Chrome Experiments – Arcade Fire

In Canada on September 1, 2010 at 18:56

The Wilderness Downtown

Choreographed windows, interactive flocking, custom rendered maps, real-time compositing, procedural drawing, 3D canvas rendering… this Chrome Experiment has them all. “The Wilderness Downtown” is an interactive interpretation of Arcade Fire’s song “We Used To Wait” and was built entirely with the latest open web technologies, including HTML5 video, audio, and canvas.

HTML5 Canvas 3D engine renders a flocking bird simulation that reacts to the music and mouse.

HTML5 audio plays music and keeps track of timecode.

Sequence system controls and synchronises effects and windows to the timecode.

HTML5 video plays film clips in custom sizes.

Choreographed windows are triggered by the music and placed relative to screen size.

Map tiles are rendered, zoomed, and rotated in a scripted 3D environment.

Animated sprites are composited directly over maps and Street View.

3D sky dome is used to render Street View with scripted camera control.

Procedural drawing tool allows the user to create velocity influenced tree branches.

Generative typeface triggered by keypress, uses an SVG path reader and individual canvas compositing for each letter.

Google Maps API for fetching dynamic routes to destination and checking Street View content at points along the route.

Street detection for animated trees composited dynamically in place over Street View.

Color correction by combining canvas blending modes to enhance contrast and tint.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: