The player takes control of a little white ball that must survive against the infinite waves of colorful circles of many different colors and sizes.
After learning enough about web development, the idea to create a little game came to mind. I grew up playing flash games, especially top-down shooters like SAS: Zombie Assault and Decision. My idea was to create something simple, but from scratch, to practice what I've learned so far. Some ideas were taken from one of Chris Course's videos because they were so creative!
I learned a lot of JavaScript, Canvas API and Game Design concepts while developing this little game. I also committed many mistakes that taught me what not to do in future projects. I would like to move to a proper game engine or framework like Godot or Phaser in the near future, but I'd still create more games in vanilla JS, just for fun.
WASD keys- Move character (white ball)Left mouse button- Shoot projectiles
- HTML, CSS, and JavaScript
- Canvas API
- Howler JS - Audio library
Source: howler.js
Description: Audio library for JavaScript.
License: MIT
Source: 8bitRPG Battle
Description: Background, battle music.
License: CC BY 3.0
Source: Online 8bit sound maker
Description: Program used to generate gameplay sounds.
License: Unlicense
Source: Press Start 2P
Description: Custom font.
License: Open Font
Source: Kenney
Description: Custom cursor.
License: Creative Commons CC0
These resources helped me to understand many things regarding game development in JavaScript and the mathematical logic behind it. Not everything was applied to the project, but they are still great study material for me.
- Animation
- Math
- Vector
- Sound
- Optimization
- JavaScript
- Other