In this video we learn basics of three.js, a javascript based 3D programming framework to create 3D webpages!

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)

Subscribe: https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA/featured

#three-js #javascript

Three.js Tutorial - Learn Three.js Basics
15.25 GEEK