• 

  Thumbnail

How We Built It

• We used VSCode with liveshare for all the code.
• Used Vite vanilla template with no game engine all from scratch.
• All the art was made in Piskel.
• The music/audio is credited to xDeviruchi and is license free.
• We made several pixel art sprites/spritesheets and built a tile, collision, and movement systems.
• We then made a quest system, and made a fully fleshed out battle system.

Challenges we ran into

• This was the first RPG style game we've ever coded.
• First game with audio we've ever coded.
• We made this all without a game engine, we built it all the way from a blank page using the Canvas API.
• We were stressed on time because there was a lot to implement into the game.
• We also had a lot of bugs due to the game's size
• It was hard coming up with an extremely fun concept, while keeping it educational for the players.
• The final code size of all the typescript that was hand-coded is 1900+ lines. (It's a big number)

Important

If audio isn't working make sure to enable autoplay and that your volume isn't 0 or muted! https://jps-hackathon-2023.vercel.app Please have fun! Use WASD or Arrow Keys to move, use E to interact with NPCs, and use QWE for the battles.

Changes We Would Make If We Could

In the code you will find there are extra sprites that we didn't use, like the final form of the player, and the boss sprite. Time was a huge limiting factor in how far the development of the game could go. If there was even 1 extra day, there would be an entire boss fight with a plethora of new mechanics, puzzles, and storyline added to the game.

Code

https://github.com/def-SpaceWar/jps-hackathon-2023

Built With

• canvas
• css
• html
• html5
• mp3
• typescript
• vite