Build Complex 3D models with WebGL
Offered By: egghead.io
Course Description
Overview
We’ll cover per-vertex coloring, advanced use of vertex arrays, more drawing modes for building 3D models, perspective, textures, and lighting. This course assumes prior knowledge in WebGL. Note: Check out Create 3D Graphics in JavaScript Using WebGL for an in depth introduction to WebGL if some of these concepts are feeling unfamiliar.
Syllabus
- Apply varying colors per-vertex to WebGL triangles
- Consolidate data into a single WebGL vertex array
- Fix clipping and aspect ratio by implementing perspective in WebGL
- Draw a complex 3D Model with WebGL Triangle Strips
- Draw more complex 3D Models using Triangle Fans in WebGL
- Draw a multicolored cube with WebGL drawElements
- Use an image to texture a WebGL object
- Create a directional light source in WebGL
Taught by
Keith Peters
Related Courses
AR for web using JavaScriptMeta via Coursera Create 3D Graphics in JavaScript Using WebGL
egghead.io Create a 3D Product Configurator using TresJS
egghead.io Code a Virtual 3D Art Gallery - Three.js JavaScript Tutorial
freeCodeCamp Learn Three.js by Building 5 Projects
freeCodeCamp