HTML5 space shooter game using pure JavaScript
EVADE AND DESTROY is a vertically scrolling shooter written in pure JavaScript (without any framework).
You can play the game directly at https://mikkun.github.io/evade-and-destroy/.
If you want to play the game offline, you can install the game as a Progressive Web App (PWA).
EVADE AND DESTROY has been tested in the following browsers:
- Desktop
- Chromium 83.0.4103.116 (32-bit): Fast
- Firefox ESR 68.12.0 (32-bit): Very fast
- Firefox Release 79.0 (64-bit): Very fast
- Internet Explorer 11 (64-bit): Very fast
- Microsoft Edge 85.0.564.41 (64-bit): Very fast
- Vivaldi 3.2.1967.47 (32-bit): Fast
- Mobile
- Chrome for Android 85.0.4183.81: Very fast
- Firefox for Android 79.0.5: Very fast
- Microsoft Edge for Android 45.07.4.5057: Very fast
- Desktop
- Mouse left/right: Move the spaceship left/right on the horizontal axis
- Mouse over the button: Fire
- Mobile
- Swipe left/right: Move the spaceship left/right on the horizontal axis
- Touch the button: Fire
- Plasma Cannon - Increases fire power. Max ammo is 600 shots.
- Invincible - Temporary invincibility.
- Flash Bomb - Destroys all enemies on the screen.
You start with three lives and get an extra life every 100,000 points.
- Edit TMX file(s) in the
maps/tmxdirectory with Tiled Map Editor. - Execute the shell script in the
mapsdirectory to convert from TMX file(s) to JS file.- Run
cd maps. - Run
./convmap-bg01.sh,./convmap-bg02.sh, or./convmap-enemies.shto suit your needs.
- Run
- Move the generated JS file to
docs/jsdirectory.
The following table shows the correspondence between the shell scripts, source files, and destination files.
| Script Name | TMX-Sourcefile(s) | Target Layer | JS-Destfile |
|---|---|---|---|
convmap-bg01.sh |
starfield.tmx |
bg01 | map-bg01.js |
convmap-bg02.sh |
area-[0-7].tmx |
bg02 | map-bg02.js |
convmap-enemies.sh |
area-[0-7].tmx |
enemies | map-enemies.js |