In this course, we’ll get started creating content with WebGL without any frameworks. You’ll write raw JavaScript code and shaders in GLSL. This intro course covers setting up WebGL in an HTML application and learning the basics of 3d vertices, shaders, drawing modes, animation, interaction and transformations.
Google AI Professional Certificate - Learn AI Skills That Get You Hired
Learn Generative AI, Prompt Engineering, and LLMs for Free
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Syllabus
- Setting Up WebGL
- Setting Up WebGL
- Setting Up WebGL
- Introduction to WebGL Shaders
- Passing Data to WebGL Shaders
- WebGL Vertex Buffers
- Drawing Arrays in WebGL
- Loading in WebGL Shaders
- Animating WebGL Vertices
- User Interaction in WebGL
- 3D Transformation Matrices in WebGL
- Using a Matrix Library for WebGL
- Introduction to WebGL Shaders
- Introduction to WebGL Shaders
- Passing Data to WebGL Shaders
- Passing Data to WebGL Shaders
- WebGL Vertex Buffers
- WebGL Vertex Buffers
- Drawing Arrays in WebGL
- Drawing Arrays in WebGL
- Loading in WebGL Shaders
- Loading in WebGL Shaders
- Animating WebGL Vertices
- Animating WebGL Vertices
- User Interaction in WebGL
- User Interaction in WebGL
- 3D Transformation Matrices in WebGL
- 3D Transformation Matrices in WebGL
- Using a Matrix Library for WebGL
- Using a Matrix Library for WebGL
Taught by
Keith Peters