WebGL: Create an Animated 3D Application

• JavaScript programming experience
• Familiarity with vectors and matrices is useful, but not required
• Knowledge of linear algebra (multiplication, addition matrix/vector)
• Knowledge of trigonometry (cosinus and sinus stories...)

WebGL (Web Graphics Library) is a JavaScript API for rendering 3D graphics within a web browser without the use of plug-ins.

In this instructor-led, live training, participants will learn how to generate realistic computer images using 3D graphics as they step through the creation of an animated 3D application that runs in a browser.

By the end of this training, participants will be able to:

• Understand and use WebGL's various functionality, including meshes, transforms, cameras, materials, lighting, and animation
• Animate objects with WebGL
• Create 3D objects using WebGL

Audience

• Developers

Format of the course

• Part lecture, part discussion, exercises and heavy hands-on practice

Introduction

Preparing the Browser for Rendering WebGL Content

Overview of the Graphics Creation Process

Creating a 2D Static Object

Adding Color to the Object

Spinning the Object Around

Making the Object 3D

Understanding Points, Vectors, and Meshes

Transforming the Object

Adding Directional and Ambient Lighting

Adding Transparency, Texture and Reflection

Introducing other Objects

Simulating Camera Movements

Programming Vertex and Pixel Shaders

Animating the Object

Using the Mouse to Interact with the Object

Summary and Conclusion