Building a Minecraft clone with Javascript using React & Three.js Tutorial
#javascript #Three.js #React.js #JavascriptGame #GameDevelopement #js
In this video i show how to build a minecraft clone in Javascript using React.js, Three.js and React Three Fiber.
Play: https://minecraft-js.vercel.app
Finished Code: https://github.com/danba340/minecraft...
Starting point for video: https://github.com/danba340/minecraft...
React three fiber video mentioned in the intro: https://www.youtube.com/watch?v=FGG0E...
The game supports five Minecraft block types: Dirt, Grass, Wood, Log and Glass.
You can move around using the mouse and WASD, You can click and Alt+click to add and remove blocks. The tutorial includes many React concepts such as useState, useEffect, useRef and custom Hooks for State management and Keyboard input. Zustand is used for the state management.
Timestamps:
0:00 Intro
0:45 Starting point
3:05 State setup
9:45 Cube component
12:50 Texturising the Cube
15:37 Keyboard input Hook
25:18 Moving the player
34:10 Looking around
38:26 Cube hover state
42:10 Rendering Cubes from State
46:23 Making glass transparent
47:18 Adding/Removing Cubes
54:33 Saving the World
56:00 Jumping
58:23 Adding IDs to Cubes
58:52 Lets Minecraft
59:28 Outro
Auf dieser Seite können Sie das Online-Video Building a Minecraft clone with Javascript using React & Three.js Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer CF TECH 01 Januar 1970 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 4,622 Mal angesehen und es wurde von 94 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
