logo

This is my

Project Eight

(08)

Thumbnail Image For Project

Designed &

Developed

projectproject

Where do I begin?

This project was an introduction to 3D in a web application using the React Js framework. It made use of technologies such as: React JSReact-Three-FiberReact Custom HooksNanoidZustandReact State Management

tablet

This was a Minecraft clone made with react three fiber using images mapped onto cubes to create the textures. A custom hook was made to keep track of the user keyboard input. The keyboard inputs were then mapped to certain functionalities within the application. For example, “w” on the keyboard makes the user move forward in the game. The states were held in a store controlled by zustand, where they could be accessed anywhere within the app. The zustand store also contained the functions for adding and removing cubes, changing the texture of the cubes, and saving the game to local storage which allowed for those functions to be called when needed inside of any component. Anytime the mouse is clicked a cube is added to the array of cubes in the global state. State management was also used inside of components, for example, there is a state present in the cube component that changes the color of the cube that is hovered to indicate to the user what cube is currently actionable.

The Result

A functional Minecraft clone made with react js and deployed with netlify and github for agile development.

phone
view projectnext project