Overview
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
Requirements
- 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…)
Course Outline
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