Course Outline


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


  • 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...)
  21 Hours


Related Courses

Raster and Vector Graphics (Adobe Photoshop, CorelDraw)

  28 hours

Graphic Techniques (Adobe Photoshop, Adobe Illustrator)

  28 hours

Canon Digital Photo Professional

  7 hours

Adobe Illustrator

  14 hours

Affinity Designer

  14 hours

Affinty Photo

  14 hours

Create an Augmented Reality (AR) Mobile Application with ARToolKit

  7 hours

Blender: 3D Modeling Fundamentals

  35 hours

CorelDraw Extended

  21 hours

FreeCad: Getting Started with Parametric Modeling

  21 hours


  14 hours

Learning Maya

  14 hours

OpenSCAD: Introduction to 3D Modeling

  21 hours

Pixar USD (Universal Scene Description) Fundamentals

  7 hours