Real-world example: The Wilderness Downtown


show more Real-world example: The Wilderness Downtown provides you with in-depth training on Developer. Taught by Joe Marini as part of the HTML5: Graphics and Animation with Canvas show less
please wait ...

Real-world example: The Wilderness Downtown

A really great example of using HTML5 canvas to produce some really cool effects is a site called thewildernessdowntown.com. And this is a pretty immersive site built by Arcade Fire and some other folks. I am running this in Google Chrome. It's actually pretty cool! You type in the address of a place and then the site builds a sort of customized music video around the location you give it, complete with some interesting HTML5 canvas effects.

You can see the birds are being chased away by my mouse over here. That's actually pretty cool. All this is HTML5 that you are seeing right now. So, let's give it an address, and I'm going to use the address of lynda.com's recording studio, and we are here in beautiful Ventura, California. I am going to click Search. Okay, so now it's going to go build out that music video. Right, we are ready to go, so we can play the film. So, now as you're watching the movie, I am going to point out some of the canvas effects that are happeni...

Real-world example: The Wilderness Downtown
Video duration: 4m 1s 3h 7m Intermediate

Viewers:

Real-world example: The Wilderness Downtown provides you with in-depth training on Developer. Taught by Joe Marini as part of the HTML5: Graphics and Animation with Canvas

Subjects:
Developer Web
Software:
HTML
Author:
please wait ...