Our inspiration was the classic and nostalgic space invaders. We decided that it was time to make a new and improved 3D version of this 2D game. We were also inspired by the website cool-math games and its ability to allow users to play fun and simple games. So, we built a website in which users will be able to play asteroid annihilator. 

 Asteroid Annihilator is a game in which players will traverse through space as a spaceship while avoiding and shooting asteroids to survive. Our website allows for users to easily access and play asteroid annihilator. It also contains a small quiz at the end to test your knowledge of space. 

 We built the game with unity and programmed it using c# with the unity framework. We then built it for webGL so that we could view it on our website. We built the website by opening the intro to web development starter kit, which uses uvicorn, in git hub. To program the website, we utilized python, JavaScript, CSS, and HTML. 

 We ran into a healthy amount of challenges throughout the entire process. For the website, we encountered a lot of minor issues with getting JavaScript and CSS to talk with HTML due to syntax errors and an initial lack of understanding on how it worked. However, as we continued to experiment and ask questions, we were able to figure it out and be successful. The biggest problem with the website however was getting the game on it. When we first tried to put it on it just appeared as a blank screen. But, with the help with the tutors, we were able to figure out that we just needed to move the location of the game.

When we were developing the game, we also ran into a vast variety of challenges...

 The main accomplishment we are proud of as a team was getting a game to work on the website. As discussed previously, it took a lot of effort to get the game to show up and operate on the website so it was very rewarding when it finally did. When making the website, our biggest accomplishment was utilizing HTML and JavaScript to take in a user's answer to a question, process it using an if statement, and outputting a check mark if they got it correct and an x if they got it wrong. Users are also able to make multiple guesses. When working on the game, our biggest accomplishment was being able to actually keep track of the score and have a game over screen that restarts the screen. 

 In web development, we learned a lot about how HTML, JavaScript, and CSS worked together. In previous years I had only utilized one or two of the three to make projects but never all three together. This experience has taught me that it is not as intimidating of a process as I previously believed. In game development, we learned how to call functions from scripts in other game objects script. We also learned how to keep track of players score and remove game components from the scene depending on certain conditions. As a whole, we learned how to collaborate as a team while simultaneously working on multiple moving parts in order to come up with a final project that we're proud of. 

 The next step for asteroid annihilators will be to allow users to learn fun facts about space at checkpoints as they play the game, which will allow them to answer questions in the quiz. 
Share this project:

Updates