React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Intro

1 of 13

1 of 13

⌨️ Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Intro
  2. 2 ⌨️ Project setup
  3. 3 ⌨️ Building website navigation
  4. 4 ⌨️ Building jumbotron
  5. 5 ⌨️ Building sound section
  6. 6 ⌨️ Building display section
  7. 7 ⌨️ How to find and load 3D models
  8. 8 ⌨️ Building WebGi viewer component
  9. 9 ⌨️ Animating 3D model with GSAP scroll animation
  10. 10 ⌨️ Implementing 3D model preview mode
  11. 11 ⌨️ Optimizing 3D animation for mobile phones
  12. 12 ⌨️ Building production-ready website and uploading
  13. 13 ⌨️ Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.