Completed
Video overview
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
How to Add 3D Models to Website Using React Three Fiber
Automatically move to the next video in the Classroom when playback concludes
- 1 Video overview
- 2 Initial code walkthrough
- 3 Starry background
- 4 Earth model
- 5 Adding lights
- 6 Resizing Earth
- 7 Airplane Model
- 8 Map Marker Sphere
- 9 Colorizing Airplanes
- 10 Click to zoom
- 11 Rotate earth to coordinate
- 12 Geolocate user
- 13 Handle marker types
- 14 Using sample flight data
- 15 Calculate airplane direction
- 16 Store airplanes to state
- 17 Airplane distance to user
- 18 Testing finished usePlanes hook
- 19 Distance & Origin in control panel
- 20 Airplane facing direction of travel
- 21 Animate switching planes and correct color
- 22 Fetching real planes from OpenSky
- 23 Fetching on an interval
- 24 Thanks for watching
