WDI PROJECT 1 set by General Assembly.

First individual project set by General Assembly to come up with a fun and interesting game to build within a week.

Technical requirements:

• Render a game in the browser
• Design logic for winning
• Include separate HTML / CSS / JavaScript files
• Use Javascript or jQuery for DOM manipulation
• Deploy your game online where the rest of the world can access it
• Use semantic markup for HTML and CSS.

Necessary Deliverables:

• A working game, built by you, hosted somewhere on the internet
• A link to your hosted working game in the URL section of your Github repo
• A git repository hosted on Github, with a link to your hosted game, and frequent commits dating back to the very beginning of the project.

Name of Game:

Space Wars

Gaming instructions:

Avoid the planets and asteroids by pressing the left, right, up and down arrow keys to score as many points as you can. Press play to begin. The more levels you complete, the harder it gets to navigate around the galaxy!

Link to game: https://space-wars-sg.herokuapp.com/

Technologies used:

• HTML
• CSS
• jQuery

Approach taken:

• Did some online research in order to determine which game I wanted to build.
• Planned my game by drawing out how it would look and what it should do.
• Once I had the wireframes for my game, I pseudo-coded all the basic elements of my game.
• I then approached my actual code one step at a time. I first started out with the HTML content. I then moved on to my game layout with CSS (no styling at this point). Once I was happy with those elements, I then moved on to jQuery and started building my code up little by little (created a function to move my spaceship, then moved on to creating one planet and getting that planet to move down the page. Once I had achieved that, I then added more functionality within my function to randomly create more planets and so on so forth...).
• Once I had my basic game working, I then slowly added more functionality to my game such as adding collision detection, more levels to my game, audio and local storage for the high score.
• The final part of my project was to add styling elements to my game using CSS, DOM manipulation and code refactoring.

Unsolved problems/potential gaming improvements:

• Had I more time, I would have liked to clearly delineate my gaming levels, added several themes for players to choose from as well as the ability to shoot down planets (rather than just avoid them).

Screenshots of the game