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

Опубликовано: 31 Октябрь 2024
на канале: Coding Tech
182,195
4.9k

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-thr...


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:    / @danielbark  


***


INTERESTED IN THE STOCK MARKET?
I developed a profitable trading model that generates high probability BUY & SELL signals on S&P500. To learn about it, visit https://yuriymatso.com/sp500-model/