Three.js, React Three Fiber, Drei, React Spring & More

How to install ThreeJs library and import it into your project

Learn the basics of ThreeJs with many demonstrations and example code

Learn about the ThreeJs Scene, Camera and Renderer

Creating our very first scene in ThreeJs

How to move and animate the Objects

Learn about Webpack, NodeJs ,and serving ES6 modules to the browser clients.

Learn about Geometries such as Box, Sphere, Plane, Torus, TorusKnot and more

Learn about the Basic, Normal, Lambert, Phong, Standard, Matcap and other materials

We also will learn how to create a stunning Scene using Particles

Learn React Basics and hooks such as useState,useEffect,useRef, etc

Learn what is meant by JSX

Will also learn about React Rules, Styles, etc

Will bring everything we have done so far in native threejs to react environment under what is called React Three Fiber

A lot of Drei components will be covered

Learn how to animate things while scrolling

How to add sound in the project

Shader Materials

We will learn an animation library called React Spring

React Post Processing

And so much more . . .