Section 01: Introduction |
|
WebGL vs OpenGL vs OpenGL ES |
|
00:05:00 |
|
Setup Server (Mac, Windows and Linux) |
|
00:05:00 |
|
Setup WebGL Project |
|
00:08:00 |
Section 02: Drawing Objects |
|
WebGL Rendering Pipeline |
|
00:04:00 |
|
Drawing A Point |
|
00:22:00 |
|
Normalised Coordinates vs Device Coordinates |
|
00:10:00 |
|
Drawing A Simple Triangle |
|
00:06:00 |
|
Drawing A Line Using gl.LINES |
|
00:03:00 |
|
Drawing A Line Using gl.LINE_STRIP & gl.LINE_LOOP |
|
00:03:00 |
|
Drawing A Triangle With Lines Using gl.TRIANGLE_STRIP & gl.TRIANGLE_FAN |
|
00:03:00 |
|
Drawing A Quad |
|
00:07:00 |
|
Drawing A 3D Cube |
|
00:24:00 |
|
Setup Three.js |
|
00:06:00 |
|
Loading & Drawing A Model Using Three.js |
|
00:16:00 |
Section 03: Colours and Textures |
|
Applying Color To Shapes |
|
00:09:00 |
|
One Color Per Triangle |
|
00:15:00 |
|
One Color Per Vertex Using Interpolation |
|
00:02:00 |
|
Applying A Texture To Shapes |
|
00:23:00 |
|
Texture Coordinates |
|
00:08:00 |
Section 04: Moving & Transforming Objects |
|
Moving Objects Using Translation |
|
00:06:00 |
|
Left Handed vs Right Handed Coordinate System |
|
00:06:00 |
|
Sizing Objects Using Scaling |
|
00:06:00 |
|
Combining Transformations |
|
00:07:00 |
Section 05: Movement & Camera |
|
Mouse Input |
|
00:11:00 |
|
Keyboard Input |
|
00:09:00 |
|
Fixing Rotation and Adding Individual Rotation |
|
00:08:00 |
Section 06: Lighting & Shading |
|
Ambient Lighting |
|
00:13:00 |
Section 07 Resource |
|
Resource |
|
00:00:00 |