Build a 3D World in React with ThreeJS and React Three Fiber

This video starts with me talking about the diference between React and ReactDOM. React Three Fiber uses React to keep track of 3D objects that gets rendered in a webGL canvas via three.js . The result is the ability to…

Build a 3D World in React with ThreeJS and React Three Fiber

Source

0
(0)

This video starts with me talking about the diference between React and ReactDOM. React Three Fiber uses React to keep track of 3D objects that gets rendered in a webGL canvas via three.js . The result is the ability to code 3D environments the same way you are used to code a React Web Application. We can even add physics and animation to the 3D objects in the world. In this example we place a Box on a Plane inside a Skybox of stars. We then add physics to let the box fall on the plane and finally we interact with the box by attaching a click event to the box. For the physics we are using React hooks for Cannon.js.

Code for the video: https://github.com/danba340/react-three-fiber-example

PUBLICATION PERMISSIONS:

Daniel Bark provided Coding Tech with the permission to republish his videos on Coding Tech YouTube channel.

CREDITS:
Barely Coding with Daniel Bark YouTube channel: https://www.youtube.com/channel/UCgUCptbp4T5saC5WXePe1sw

***

INTERESTED IN THE STOCK MARKET?
I developed a profitable stock market trend following model. Information can be found here: https://bit.ly/3esse3R

***
The World’s Top Billionaires (2000 – 2021): https://www.youtube.com/watch?v=20kZ6HSiB64

0 / 5. 0