Learn how to create high-performance, visually stunning 3D applications for the Web hands-on, using HTML5 and WebGL. With this interactive video course, you’ll learn by using the tools, frameworks, and libraries for building 3D models and animations, mind-blowing visual effects, and advanced user interaction in both desktop and mobile browsers.Led by Tony Parisi, a pioneer of 3D standards for the Web, this course provides a …
Learn how to create high-performance, visually stunning 3D applications for the Web hands-on, using HTML5 and WebGL. With this interactive video course, you’ll learn by using the tools, frameworks, and libraries for building 3D models and animations, mind-blowing visual effects, and advanced user interaction in both desktop and mobile browsers.Led by Tony Parisi, a pioneer of 3D standards for the Web, this course provides a thorough grounding in theory and practice for designing everything from a simple 3D product viewer to immersive games and interactive training systems. This course is divided into two parts:Part 1—Foundations
Lesson 1 - Introduction
Introduction
Lesson 2 - WebGL - Real-Time 3D Rendering
WebGL: Real-Time 3D Rendering 01 - Introduction
WebGL: Real-Time 3D Rendering 02 - The Anatomy of a WebGL Application
WebGL: Real-Time 3D Rendering 03 - A Sample WebGL Program
WebGL: Real-Time 3D Rendering 04 - Labs
WebGL: Real-Time 3D Rendering 05 - Lesson Summary
Lesson 3 - Three.js - A JavaScript 3D Engine
Three.js: A JavaScript 3D Engine 01 - Introduction
Three.js: A JavaScript 3D Engine 02 - An Overview of Three.js
Three.js: A JavaScript 3D Engine 03 - A Simple Three.js Program
Three.js: A JavaScript 3D Engine 04 - Adding Lighting to the Scene
Three.js: A JavaScript 3D Engine 05 - Labs
Lesson 4 - Graphics and Rendering in Three.js
Graphics and Rendering in Three.js 01 - Introduction
Graphics and Rendering in Three.js 02 - Geometry and Meshes
Graphics and Rendering in Three.js 03 - The Scene Graph and Transform Hierarchy
Graphics and Rendering in Three.js 04 - Materials
Graphics and Rendering in Three.js 05 - Adding Realism with Multiple Textures
Graphics and Rendering in Three.js 06 - Working with Lights
Graphics and Rendering in Three.js 07 - Real-Time Shadows
Graphics and Rendering in Three.js 08 - Shaders
Graphics and Rendering in Three.js 09 - Lesson Summary
Lesson 5 - 3D Animation
3D Animation 00 - Introduction
3D Animation 01 - Driving Animation with requestAnimationFrame()
3D Animation 02 - Programmatic Animation
3D Animation 03 - Animating Transitions Using Tweens
3D Animation 04 - Using Key Frames for Complex Animations
3D Animation 05 - Articulated Animation with Key Frames
3D Animation 06 - Using Curves and Path Following to Create Smooth, Natural Motion
3D Animation 07 - Using Morph Targets for Character and Facial Animation
3D Animation 08 - Animating Characters with Skinning
3D Animation 09 - Animating Using Shaders
3D Animation 10 - Labs
3D Animation 11 - Summary
Lesson 6 - CSS3 - Advanced Page Effects
CSS3: Advanced Page Effects 01 - Introduction
CSS3: Advanced Page Effects 02 - CSS Transforms
CSS3: Advanced Page Effects 03 - CSS Transitions
CSS3: Advanced Page Effects 04 - CSS Animations
CSS3: Advanced Page Effects 05 - Pushing the Envelope of CSS
CSS3: Advanced Page Effects 06 - Lesson Summary
Lesson 7 - Canvas - Universal 2D Drawing
Canvas: Universal 2D Drawing 01 - Introduction
Canvas: Universal 2D Drawing 02 - Canvas Basics
Canvas: Universal 2D Drawing 03 - Rendering 3D with the Canvas API
Canvas: Universal 2D Drawing 04 - Canvas-Based 3D Libraries
Canvas: Universal 2D Drawing 05 - Using the Three.js Canvas Renderer
Canvas: Universal 2D Drawing 06 - Lab
Canvas: Universal 2D Drawing 07 - Lesson Summary
Lesson 8 - The 3D Content Pipeline
The 3D Content Pipeline 01 - Introduction
The 3D Content Pipeline 02 - 3D Modeling and Animation Tools
The 3D Content Pipeline 03 - 3D Repositories and Stock Art
The 3D Content Pipeline 04 - Loading 3D File Formats
The 3D Content Pipeline 05 - Lesson Summary
Lesson 9 - 3D Engines and Frameworks
3D Engines and Frameworks 01 - Introduction
3D Engines and Frameworks 02 - A Survey of WebGL Frameworks
3D Engines and Frameworks 03 - Vizi: A Component-Based Framework for Visual Web Applications
3D Engines and Frameworks 04 - A Simple Vizi Application
3D Engines and Frameworks 05 - Summary
Lesson 10 - Developing a Simple 3D Application
Developing a Simple 3D Application 01 - Introduction
Developing a Simple 3D Application 02 - Designing the Application and Creating the 3D Content
Developing a Simple 3D Application 03 - Previewing and Testing the 3D Content
Developing a Simple 3D Application 04 - Integrating the 3D Into the Application
Developing a Simple 3D Application 05 - Developing 3D Behaviors and Interaction
Developing a Simple 3D Application 06 - Lesson Summary
Lesson 11 - Developing a 3D Environment
Developing a 3D Environment 01 - Introduction
Developing a 3D Environment 02 - Creating the Environment Art
Developing a 3D Environment 03 - Previewing and Testing the Environment
Developing a 3D Environment 04 - Creating a 3D Background Using a Skybox
Developing a 3D Environment 05 - Integrating the 3D Content Into the Application
Developing a 3D Environment 06 - Implementing First-Person Navigation
Developing a 3D Environment 07 - Simple Collision Detection
Developing a 3D Environment 08 - Working with Multiple Cameras
Developing a 3D Environment 09 - Creating Timed and Animated Transitions
Developing a 3D Environment 10 - Scripting Object Behaviors
Developing a 3D Environment 11 - Rendering Dynamic Textures
Developing a 3D Environment 12 - Lesson Summary
Lesson 12 - Developing 3D for Mobile
Developing Mobile 3D 01 - Introduction
Developing Mobile 3D 02 - Developing for Mobile Browsers
Developing Mobile 3D 03 - Debugging Mobile Functionality in Desktop Chrome
Developing Mobile 3D 04 - Creating Packaged Web Apps
Developing Mobile 3D 05 - Developing Native/HTML5 Hybrid Applications
Developing Mobile 3D 06 - Mobile 3D Performance
Developing Mobile 3D 07 - Lesson Summary