The Google Chrome team putting two of my favorite things together — HTML5 and new music from Arcade Fire.

Posted under

Notebook
Web

Comments

0 comments

Related Entries

Fall In Love With HTML5

HTML5 is the future, and already sites are taking advantage of the cool new features.

HTML5 Infographic

Another good, quick reference to HTML5 and all its supported formats.

HTML5 Readiness

The web moves at a fast pace, but it’s up to the browsers to keep up with the latest technologies.

Arcade Fire + HTML5

Aug 30, 2010

It doesn’t get much better than this — Arcade Fire released one of my favorite albums in recent memory just a few short weeks ago, while the Google Chrome team assembled a nifty HTML5 experiment using all sorts of new technologies to go along with their next single, We Used to Wait.

Click to launch

Here’s a quick overview of how they did it:

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.

Link: Chrome Experiments – Arcade Fire →