Projectile Shooting Game banner

Projectile Shooting Game

9 devlogs
4h 31m 40s

This is a simple projectile shooting game. You can control a blue circle at the center of the screen and shoot projectiles at colorful enemies that appear from all side. The goal is to survive and score points by destroying enemies.

Demo Repository

Loading README...

Sadiya

Shipped this project!

Hours: 4.53
Cookies: 🍪 16
Multiplier: 3.64 cookies/hr

I built a projectile shooting game where the player controls a blue circle in the middle of the screen and shoot projectiles at colorful enemies to get points. I learned how to use Canvas API, Tailwind CSS, HTML, GSAP and JavaScript to create a playable shooting game.

Sadiya
  • Added game over UI
  • A restart button which is just the start button after the player gets hit by a enemy
  • Changed the color of the player, projectile and button to make it more space theme
0
Sadiya

So I added a score using the tailwind css library
When the player hits the enemy they get 100 points
When the player hits the player to the point that they are gone they get 250 points added to their score

0
Sadiya

Now I shrunk the enemies on hit with the gsap library and created particle explosion on hit

0
Sadiya

This time i got some color to the game such as changed the background color, changed the color of the player and enemies

0
Sadiya

Detect collision on enemy/projectile hit
Detect collision on enemy/player hit
Now every time the enemy hits the player the game stops

0
Sadiya

I have created enemies in different sizes and in all directions of the screen

Attachment
Attachment
0
Sadiya

This is shooting projectiles
Every time the screen gets clicked red dots appear

Attachment
Attachment
0