https://github.com/freeeez/tank-game

This repo demonstrates basic tank game based on canvas
https://github.com/freeeez/tank-game

reactjs typescript vite

Last synced: 3 months ago
JSON representation

This repo demonstrates basic tank game based on canvas

• Host: GitHub
• URL: https://github.com/freeeez/tank-game
• Owner: FreeeeZ
• License: mit
• Created: 2025-02-20T09:05:19.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-23T17:13:40.000Z (over 1 year ago)
• Last Synced: 2025-02-23T17:34:01.867Z (over 1 year ago)
• Topics: reactjs, typescript, vite
• Language: TypeScript
• Homepage: https://tank-game-sandy.vercel.app/
• Size: 31.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tank game

![Game Screenshot](./.repo/screen_1.png)

## Main deps

![react](https://img.shields.io/badge/react-v19.0.0-green?style=flat-square)

![typescript](https://img.shields.io/badge/typescript-v5.7.2-lightgrey?style=flat-square)

![vite](https://img.shields.io/badge/vite-v6.1.0-yellow?style=flat-square)

![license](https://img.shields.io/badge/license-MIT-green?style=flat-square)

## Project structure

```

tank-game/

├── public/             # Static files

├── src/                # Source code

│   ├── classes/        # Classes with game logic (tanks, bullets, explosions, obstacles, etc.)

│   ├── features/       # Components and hooks

│   ├── App.tsx         # Main application component

│   └── main.tsx        # Entry point

├── index.html          # HTML template

└── vite.config.ts      # Vite configuration

```

## Features

- Control the tank using the arrow keys.

- Ability to shoot at the enemy.

- A bot with artificial intelligence that moves and shoots.

- Obstacles on the map that are randomly generated.

- Animation of an explosion when a tank is destroyed.

- Visually highlighted edges of the map.

## Controls

- Arrows up/down — move forward/backward.

- Arrows left/right — turn the tank.

- Space — shoot.

## Quick start

1. Install all dependencies using `yarn` or `npm install`

2. Start the development server using `yarn dev` or `npm run dev`

3. Open up [http://localhost:3000](http://localhost:3000)

## License

[MIT](https://github.com/FreeeeZ/tank-game/blob/main/LICENSE)

Copyright (c) 2025, Shell Vladislav