In this video we learn basics of three.js, a javascript based 3D programming framework to create 3D webpages!
Also checkout:
Three.js Dynamic Shadows: https://youtu.be/mVG6kEEAGA0
Three.js Texture Mapping: https://youtu.be/thVl4UOQSEM
Intro: (00:00)
Install library: (01:54)
Create Camera: (02:55)
Create Renderer: (06:22)
Create Scene: (08:05)
Animation Loop: (08:26)
Display 3D Canvas: (09:45)
Resize Canvas: (11:41)
Add a Grid: (13:45)
Add Orbital Controls: (15:05)
Add Cube: (16:20)
Add Cone: (18:37)
Add Sphere: (20:27)
Add Torus: (22:10)
Animation: (24:07)
Add Texture: (25:15)
Add (Directional ) Light: (27:01)
Load glTF Objects: (33:02)
Play Animation of glTF objects: (36:13)
Outro: (39:08)
