DEV Community

Cover image for Alien Shooter - Web Game Challenge 👾
ishrat
ishrat

Posted on

4 2 2 2 3

Alien Shooter - Web Game Challenge 👾

This is a submission for the Web Game Challenge, Build a Game: Alien Edition

What I Built

Alien Shooter Game Summary

Alien Shooter is a simple HTML5 canvas-based game where the player controls a UFO spaceship and defends Earth from invading aliens. The player can move the UFO left and right using the arrow keys and shoot bullets by pressing the spacebar. The goal is to destroy all the aliens before they reach the bottom of the screen.

Demo

GitHub link

Game Features:

  • Player-controlled UFO: A UFO-shaped spaceship with a sleek design, featuring a silver base, blue dome, and glowing yellow lights.
  • Aliens with Random Colors: Aliens are circular, with antennas and eyes. Each alien is given a random colour, making the game visually diverse and engaging.
  • Shooting Mechanics: Players can shoot bullets to destroy the aliens. Successful hits will earn points.
  • Game Over Condition: The game ends if an alien reaches the bottom of the screen or collides with the player's UFO.
  • Victory Condition: Players win if they destroy all aliens on the screen.

This fast-paced game combines visual variety with fun mechanics, making it a simple yet enjoyable challenge!

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (5)

Collapse
 
hbthepencil profile image
HB_the_Pencil

The restart game doesn't seem to work.

Collapse
 
pinky057 profile image
ishrat

You can check it , I have made some changes and it's working fine now.

Collapse
 
pinky057 profile image
ishrat • Edited

restart works in my localhost but I think I need to add some library to codepen to make it work there

Collapse
 
hbthepencil profile image
HB_the_Pencil

It works now! Nice game! That's super hard :D

Thread Thread
 
pinky057 profile image
ishrat

Thanks :D

Cloudinary image

Video API: manage, encode, and optimize for any device, channel or network condition. Deliver branded video experiences in minutes and get deep engagement insights.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay