ccozad/tower-defense-react

An open source tower defense game built in React

tower-defense-react

An open source tower defense game built in React. Originally built for the October 2023 React Game Jan

Requirements (Local Dev)

• Text editor like VS Code
• Recent version of Node.js

Requirements (Containerized)

• A container environment like Docker Personal

Commands

Either launch method serves the app on http://loclhost:8080

Local Dev

• Install dependencies npm install
• Build for dev npm run build-dev
• Build for prod npm run build-prod
• Run the local development server npm run start

Containerized

• Launch containers docker compose up
• Clean up containers docker compose down

Recognition

• tower defense tilemap, OpenGameArt.org

References

• Animating with javascript: from setInterval to requestAnimationFrame
• Bare Bones React Setup
• High Performance React
• React Webpack Settings
• Tic Tac Toe Tutorial
• React Game Jam
• Window::RequestAnimationFrame() method

Demos

Waypoints, Health Bar, and Map

Collision Test

Capabilities

• Show a map of sprite textures
• Show enemy sprites
• Move enemies using a way point system
• Show enemy health
• Detect collisions
• Show tower sprites
• Show tower health
• Interactively place towers on the map
• Multiple enemy support
• Projectile system
• Simulate tower response to a wave of enemies
• Time a round
• Score a round
• Customize artwork to match React Game Jam 2023
• Sound effects
• Damage animations