Mushroom Kingdom is a multiplayer project I recently developed using React Three Fibre, Node.js, Socket.io, Vite & Nipple.js.
check it out here!. Heres a brief video demo too…
As a developer, I have always been fascinated by the potential of web technologies to bring people together and create new, immersive experiences. With this project, I set out to explore the possibilities of multiplayer gaming using cutting-edge web technologies;
React Three Fibre is a powerful framework for building 3D web experiences that are both visually stunning and performant. By combining this with Node.js, a popular back-end development tool, I was able to create a functional proof or concept, multiplayer game that can be played online with friends and other players around the world - with voice chat and emotes!.
Installation
- Create a .env file in the root of the project and populate it with the following for local dev. This is excluded from the projects .gitignore and works as a flag for local development using vite middleware in the express server
//.env file in project root
ENVIRONMENT=local- To install the projects dependencies run
npm i- Upon install to run the project locally run
npm run dev
// Local Server @ localhost:8080Contibuting to the project
Pull requests on the project repo are welcome. For major changes, please open an issue first to discuss what you would like to change. Suggestions with improving the server and moving from Socket.io would be much appreciated!