Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

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

Reviews

Start your review of React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

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.