Overview
Learn to build a 3D animation website in React using WebGi (powered by Three.js) and GSAP. The course covers finding and displaying 3D models, animating them with GSAP, optimizing for mobile, and deploying the website. The teaching method includes practical demonstrations and coding sessions. This course is intended for web developers interested in creating interactive 3D animations using React.
Syllabus
⌨️ Intro
⌨️ Project setup
⌨️ Building website navigation
⌨️ Building jumbotron
⌨️ Building sound section
⌨️ Building display section
⌨️ How to find and load 3D models
⌨️ Building WebGi viewer component
⌨️ Animating 3D model with GSAP scroll animation
⌨️ Implementing 3D model preview mode
⌨️ Optimizing 3D animation for mobile phones
⌨️ Building production-ready website and uploading
⌨️ Outro
Taught by
freeCodeCamp.org