Back to Browse

React & Three.js | Building Interactive Minecraft Chest Model with React Three Fiber | Episode 1

30.8K views
Jan 1, 2021
22:54

Hey everyone! Here is episode 1 of building our Minecraft Chest. Hope you guys have a great start to your new year! Demo: https://react-three-minecraft.netlify.app/ Starter Files: https://github.com/wrongakram/React-Three-Minecraft-Chest Join the discord: https://discord.com/invite/Cw5SaTA7s4 ▬ Timestamps ▬▬▬▬▬▬▬▬▬▬ 0:00 - Intro 1:26 - Clone Repository 2:52 - Project Breakdown 3:51 - Importing Chest Model 4:47 - Creating Our Scene 13:59 - Toggle Chest 22:30 - End Resources: File for State.js: https://github.com/wrongakram/React-Three-Minecraft-Chest/blob/master/src/components/state.js Three.js: https://threejs.org/ React Three Fiber: https://github.com/pmndrs/react-three-fiber Drei: https://github.com/pmndrs/drei React DND: https://react-dnd.github.io/react-dnd/about Sketch Fab: https://sketchfab.com/ Social Links: https://twitter.com/wrongakram https://github.com/wrongakram https://dribbble.com/Wrongakram New to the channel? Hey, there my name is Akram, I am a Front end developer and UI Designer. I'm here to hopefully educate people on how to code projects that actually look good. My stack mainly consists of react.js and node.js. For UI design I like to use Adobe XD and Framer as my go-to. If you have any suggestions on tutorials you would like to see feel free to DM me :)

Download

1 formats

Video Formats

360pmp442.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

React & Three.js | Building Interactive Minecraft Chest Model with React Three Fiber | Episode 1 | NatokHD