Cosmos Trespassers

Inspiration

• Games are fun, both to play and to make.
• I've made several games before, but all except one were desktop applications
  • The one web app game I made was a janky snake game that I made for my CMSC 22300 final project purely in Elm
  • Wanted to learn how to use more advanced graphics rendering to make a more advanced game in a web app

What it does

• This is a shameless Space Invaders rip-off that runs in your web browser. Not much more to it.
• Controls:
  • Left/right arrow keys - move left/right
  • Space - shoot a bullet

How I built it

• Coding done primarily in JavaScript, especially the Pixi.js library
• A bit of HTML/CSS to improve the page layout
• Pixel art shamelessly stolen from here

Challenges I ran into

• Figuring out a JS library I had 0 experience with was rough
• Doing that in <24 hours and creating a game with what I figured out was even rougher
• I had grand plans of creating my own pixel art for the game, but that good ol' time constraint killed those dreams

Accomplishments that I'm proud of

• Even if the code is not ideal, I managed to make a functioning game using an unfamiliar library in less than a day

What I learned

• Pixi.js
• Creating a program in a day is very very hard

What's next for Cosmos Trespassers

• Actually making/using my own pixel art
• Increasing difficulty (army speed) as player progresses
• Cleaning up the code
• Serving this on a live site & keeping track of the high score across all users

Built With

• css
• html
• javascript
• pixi.js