R3F Tower Defence

A simple 3D tower defense game built with React Three Fiber, Three.js, and Zustand.

Play it here!

Table of Contents

• Installation
• Usage
• Technologies
• Contributing
• License

Installation

1. Clone the repository:

   git clone https://github.com/adamistheanswer/r3f-tower-defence.git

2. Navigate to the project directory:

   cd r3f-tower-defence

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   npm run dev

2. Open your browser and navigate to http://localhost:5173/r3f-tower-defence.

Technologies

• React Three Fiber: A React renderer for Three.js, enabling the creation of 3D graphics using React components.
• Three.js: A JavaScript library that makes creating 3D graphics in the browser easier.
• Zustand: A small, fast, and scalable state-management solution for React.
• Styled Components: A library for styling React components using tagged template literals.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

Features still to implement

• Waves
• New enemies
• Attack types
• Remove towers
• Upgrade towers
• Better grid placement
• Enemies can damage towers
• Levels with path variety & obstacles

License

This project is licensed under the MIT License.