This project is an interactive 3D experience built using Three.js and ReactThreeFiber, featuring three unique monsters and their worlds. It allows users to explore each monster's environment through portals and provides an immersive view of their worlds upon double-clicking.
- Interactive 3D: Utilizes Three.js and ReactThreeFiber for a dynamic and immersive 3D experience.
- Three Monsters: Explore three distinct monsters and their environments.
- Portal Navigation: View each monster through a portal and double-click to zoom in for a detailed exploration.
- Asset Credits: Utilizes assets generated by Blockade Labs and Models provided by Quaternius Ultimate Monsters Pack.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Cannon07/MonsterRealms.git - Navigate to the project directory:
cd MonsterRealms - Install dependencies:
npm install - Start the development server:
npm run dev
- Navigate through the project by interacting with the portal for each monster.
- Double-click on a monster to zoom in and explore its entire world.
- Blockade Labs: Environment assets generated by Blockade Labs.
- Quaternius Ultimate Monsters Pack: Models provided by Quaternius Ultimate Monsters Pack.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/new-feature - Make your changes and commit them:
git commit -m 'Add new feature' - Push to the branch:
git push origin feature/new-feature - Submit a pull request.