Overview:

In this session we’ll step behind the scenes of HTML5 WebGL demos as seen on the likes of Google’s Chrome Experiments. Learn how to manipulate particles, make procedural 3D geometry, and create data visualizations on the web using THREE.js.

UPDATE
Read more about Michael’s work on Blade Symphony and Google’s Global Small Arms & Ammunition Trade Project in The Art of Data Visualization.

Day 1: THREE.js hello world, learn how to make a scene, add lights, move the camera aroundDay 2: Learn about materials, texture loading, creating more complex geometryDay 3: We build on stuff we’ve learned and start making some interesting scenesDay 4: Learn how to procedurally animate things quickly and easily, Q&A, help, and wrap up the project!

What is THREE.js?

THREE.js is a 3D JavaScript library. The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides canvas, svg and WebGL renderers. Three.js runs in all browsers supported by WebGL. Three.js includes the following features:

Instructor

Michael Chang is a Creative Technologist at the Data Arts Team at Google, and the lead designer and programmer for independent video game Blade Symphony. He’s responsible for creating data visualizations at Google as well as procedurally animated brand and ad elements at Google. A graduate of UCLA Design Media Arts program, and a martial arts film aficionado.

Connect

Mailing List

First Name

Last Name

Email

We're powered by Podio- a new type of free collaboration software where sharing, communicating and getting work done takes place in one online platform - fully customizable through the unique ability to create your own apps.