Week 6: Mod 1: The Game
Play the game here
This game was created as a school project for the web development course at Per Scholas.
This is my current work in progress verison of the ever popular and newish reverse bullet hell genre of games/ tower defense
This game isn't done, there are missing features and lots of bugs. The game isn't perfect on different devices.
The main objective of the game is to survive as long as possible, while racking up a high score
More features to come....
Once you click on "Click to Slay!" You will be brought to your base.
Protect your base at all costs by clicking on the incoming monsters that will rapidly approach your base.
Clicking on them will shoot out a projectile.
Killing monsters give you points.
Keep doing this until you are defeated.
If you get defeated, click on the "Play again" button to start another round.
This game was built with HTML,CSS, and JavaScript
Before I started working on the game, I used paint to sketch out what I wanted the game to look like:
As you can see, I am not the greatest artist, but hopefully this drawing gives you some of an idea of what I was going for.
Most of the code was done using HTML5 Canvas. Up until now, I never really used it before so this project was quite interesting, and I had a lot of fun putting things together.
I faced a lot of challenges trying to get this whole thing to work, especially since I've never done anything like this before.
Trying to get the projectiles to shoot where I wanted it aimed based off the mouse location...
Getting canvas and objects in the canvas to appear and change up based off of screen size...
Getting the enemies to function to know where the base is, and getting them to attack it properly...
Just to name a few of the problems no doubt...
But overall and good time putting it all together so far.
Features I would like to add:A turret system that will auto shoot the monsters for you
Better scaling difficultly
Scores being saved
Using your points to create alt fire abilities
Powerups
Particle effects
Better mobile version
Voice over effects
Background Image comes from a game called Torment X Punisher.
Voice over is actually my voice
Music is from a game called Hotline Miami
For now, I just used emoji's for the base and monsters
Bring Your Game to Life: Create a 2D Shooting Game with JavaScript & HTML Canvas