thecloer / canvas-shooting-game

Toy project 1

Shooting Game (Toy Project 1)

It's a simple shooting game. You can get a score and save it.

When you hit an enemy you will get points. When a big enemy is hit, a small enemy appears. Enemies are getting faster.

Index

• Using...
• File Structure
• Screen Shots
• TODO

Using ...

Client

• VanillaJS
• Canvas API
• Fetch API
• Tailwindcss

Server

• NodeJS(express)
• MySQL

File structure

.
├── README.md
├── client
│   ├── index.html
│   └── src
│       ├── controller.js
│       ├── game.js
│       ├── index.js
│       └── model.js
├── img4README
└── server
    ├── app.js
    ├── config
    │   ├── express.js
    │   └── router.js
    ├── package-lock.json
    ├── package.json
    ├── src
    │   ├── lib
    │   │   ├── dbSecret.js
    │   │   └── responseMessage.js
    │   ├── login
    │   │   ├── loginController.js
    │   │   ├── loginDao.js
    │   │   └── loginProvider.js
    │   └── scoreBoard
    │       ├── rankController.js
    │       ├── rankDao.js
    │       └── rankProvider.js
    └── test.rest

Screen shots

Start

Play

Game Over

Login

Score Board

TODO

✅ modularize client
⬜️ build view in MVC model using react