[Last updated 4/2024] Three.js, React Three Fiber, Drei, React Spring & More (Udemy – Engsub)

About Course

Views

What you’ll learn:
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
v.v…
.

Link gốc:
https://www.udemy.com/course/learn-react-react-three-fiber-drei-react-spring-more/

Time Course:
12.5 hours (51 Lectures + Documents)

Instructor
: Ahmad Al-shurafa
Total Weight:
7.75 GB
** Note
:

Chú ý:

Course Content

01 – Three.Js Refresher

001 0 – What is WebGL & ThreeJs.mp4

08:02
002 1 – Hello Cube.mp4

34:01
003 2 – Transformation.mp4

24:33
004 3 – Animation.mp4

18:06
005 4 – Webpack.mp4

10:50
006 5 – Geometries.mp4

19:23
007 6 – Textures.mp4

14:46
008 7 – Materials.mp4

27:38
009 8 – Particles.mp4

16:17

02 – React

001 1 – Introduction to React.mp4

13:13
002 2 – First React Application.mp4

08:10
003 3 – React Rules.mp4

08:25
004 4 – Styles in React.mp4

03:20
005 5 – Components.mp4

03:58
006 6 – Building a Counter using UseState hook.mp4

15:05
007 7 – UseEffect.mp4

13:37
008 8 – Rendering Elements Conditionally.mp4

05:56
009 9 – Props.mp4

16:53
010 10 – React.memo.mp4

04:46
011 11 – UseRef.mp4

05:57

03 – React Three Fiber

04 – React Three Drei

05 – React Spring

06 – React Three Rapier

07 – React Post-Processing

Student Ratings & Reviews

No Review Yet

About Course

Course Content

01 – Three.Js Refresher

001 0 – What is WebGL & ThreeJs.mp4

002 1 – Hello Cube.mp4

003 2 – Transformation.mp4

004 3 – Animation.mp4

005 4 – Webpack.mp4

006 5 – Geometries.mp4

007 6 – Textures.mp4

008 7 – Materials.mp4

009 8 – Particles.mp4

02 – React

001 1 – Introduction to React.mp4

002 2 – First React Application.mp4

003 3 – React Rules.mp4

004 4 – Styles in React.mp4

005 5 – Components.mp4

006 6 – Building a Counter using UseState hook.mp4

007 7 – UseEffect.mp4

008 8 – Rendering Elements Conditionally.mp4

009 9 – Props.mp4

010 10 – React.memo.mp4

011 11 – UseRef.mp4

03 – React Three Fiber

001 1 – Introduction to React Three Fiber.mp4

002 2 – Build Our First React Fiber Application.mp4

003 3 – Build Our First React Fiber Application.mp4

004 4 – useLoader.mp4

005 5 – Particles.mp4

006 6 – Loading 3D Model _ Playing Animations.mp4

007 7 – Debug.mp4

008 8 – Events.mp4

04 – React Three Drei

001 1 – Introduction To Drei.mp4

002 2 – Environment & Staging.mp4

003 3 – Camera.mp4

004 4 – Controls.mp4

005 5 – Text, 3DText and Html.mp4

006 6 – Positional Audio.mp4

007 7 – Shaders.mp4

008 8 – MeshPortalMaterial.mp4

05 – React Spring

001 1 – Introduction to React Spring.mp4

002 2 – Getting Started.mp4

003 3 – Imperative API.mp4

004 4 – Props.mp4

005 5 – SpringRef.mp4

006 6 – useSprings.mp4

007 7 – useTrail.mp4

06 – React Three Rapier

001 1 – Hello Physics.mp4

002 2 – Colliders.mp4

003 3 – Rigid Body Methods.mp4

004 4 – Mass.mp4

005 5 – Types.mp4

006 6 – Instanced Mesh.mp4

007 7 – Sensor.mp4

07 – React Post-Processing

001 Post-Processing.mp4

Student Ratings & Reviews