- Advaith Prasad Curpod
- Akheel Muhammed
- Swetha Mary Thomas
- Alex Moby Philip
- Bhavya Jain
- Gautum Raj
- Kushangi Sharma
- Pulkit Gupta
- Vignaraj Pai
Introduction and Overview
Game Development and Web Design are certain trajectories of coding that tend to get highlighted due to how unique they are. While people tend to equate game development to high graphics experiences like Horizon, Farcry etc, they tend to forget about the simpler games that we see on the web. All of us must have played space games like the asteroid dodging game, space invaders, etc., available online, but just think of how much more exciting it would be to create a game like this.
- HTML - A standard markup language used for structuring and creating web pages.
- CSS - A style sheet language used for modifying the presentation and design of a webpage.
ew Jekyll site using the command below.
The game has a total of 3 visible scenes : title scene, game scene and end game scene
This is the first scene that the user sees. The scene consists of the game name, a space background and a start button, which on clicking would start the game.
This scene is the heart of the game and is where the gameplay operates.
The scene consists of :-
i) The player sprite, which is a spaceship
ii) A moving space background
iii) The asteroids to be destroyed (n=30)
iv) A text that shows number of lives left (n=5)
v) A text that shows number of points gained
vi) The planet(s) to be destroyed (n<=5)
Every time the player sprite crashes into a planet, a life is lost and an extra planet is generated. The objective of the game is to shoot all the asteroids, avoiding the planets. However, if the player loses all the 5 lives before this is achieved, the game is over.
While this is the basic idea of the scene, there are additional features that we have implemented:
- When the player is down to the last life, the text for number of lives turns red as a warning for the player.
- Sound effects have been added for when the player respawns, when the player shoots a bullet and when an explosion takes place.
- Instead of unlimited bullet fire from the player, there is a limit on the number of bullets that can be fired at a stretch, after which the player has to wait until the bullets have been reloaded.
When the game is over, the scene blacks out and switches to the end scene
This is the final scene that the user sees. This scene consists of the moving space background, a game over text, the player’s final score and two buttons:- (i) a replay button which on clicking would take the user back to a fresh start of the game, and (ii) a home button which on clicking would take the user to the title scene.
Left arrow key - Move player left
Right arrow key - Move player right
Up arrow key - Move player up
Down arrow key - Move player down
Space bar - Shoot bullet
Like any project, this project can also be developed into more interesting versions with some great features that could be added.
i) Background music specific to each scene.
ii) A pause button to pause the game while playing
iii) Game levels of varying difficulties (Easy, Medium and Hard)
iv) Backend programming to store user scores and establish a basic scoreboard using Django.
v) A help scene to go over how to play the game