Web Unleashed 2015
Web Dev
  • 2015-09-16 00:00:00 2015-09-17 00:00:00 America/Toronto Web Unleashed 2015 Toronto FITC
  • Toronto

Presentation

Slides

Overview

3D Web UI is not a thing just seen in the movies anymore. Let’s see how we can bring two of the great Web technologies together, three.js and AngularJS, to create 3D components. While three.js makes it easy to work with 3D objects, shaders and cameras, AngularJS let’s us encapsulate the functionality into reusable components and customize in a declarative way.

Assumed Audience Knowledge

Familiarity with three.js, AngularJS, and JavaScript.

Five things audience members will learn

  1. How to encapsulate three.js code in an Angular directive
  2. How to create customizations for a directive in Angular
  3. How to create 3D scene with three.JS
  4. How to create 3D objects with three.JS
  5. Best practices for creating AngularJS components