YoVDO

Build Complex 3D models with WebGL

Offered By: egghead.io

Tags

WebGL Courses 3d Modeling Courses Texture Mapping Courses

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 JavaScript
Meta 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