Little mini-game written in plain JavaScript, css and html. You can play it here or here.
Developed while improving my coding knowledge. The purpose is to shoot falling asteroids with weapon and prevent them hitting the Earth or the weapon. You can fire max three missiles at a time. After certain number of destroyed asteroids the level increases which means more asteroids and increased speed.
Use either keyboard - arrows left and right to move weapon and space to shoot, or touch arrow and fire icons on touch devices.
- Clean up and refactor code
- Add TOP 10 scores list - first only with local storage for the same browser, later using remote database
- Add different types of falling objects to destroy (not only asteroids), with different parameters (image, falling speed, horizontal movement,...)
- Add other falling objects just as a distraction
- Add different types of missiles e.g. after reaching certain level. They could be different size and speed.
Inspiration for the game came after viewing YouTube tutorial Build Flappy Bird and Doodle Jump by freeCodeCamp.org / their GitHub profile - I highly recommend their channel.
All sounds come from freesound.org.
Images / graphics:
shooting button:
https://commons.wikimedia.org/wiki/File:HAL9000.svg
left and right arrow buttons:
https://commons.wikimedia.org/wiki/File:Icon_Arrow_Left_256x256.png
https://commons.wikimedia.org/wiki/File:Icon_Arrow_Right_256x256.png
game area background: https://www.pxfuel.com/en/free-photo-iuvxu
webpage background: https://pixabay.com/illustrations/background-space-universe-galaxy-3907970/
weapon / spaceship: https://openclipart.org/detail/248593/spaceship-red
missile: https://creazilla.com/nodes/30916-missile-taking-off-clipart
asteroid: https://creazilla.com/nodes/59790-meteorite-clipart
explosion: https://pixabay.com/vectors/explosion-pow-detonation-bomb-boom-153710/
