canville

Build your own town with your friends by completing work on Canvas

Comment 3

canville

A canvas connected multiplayer town building game
To play click here
Use dummy_yourname if you don't want to use a canvas API key

Inspiration

We wanted a way to encourage and get people excited about doing their homework, an almost impossible task. To do so we wanted to create a game that would reward you for doing your homework, and even more so for doing it well. We also wanted it to be multiplayer to encourage people even more by letting them show off to their friends how well they've been doing in school.

What it does

canville is connected directly to the Canvas API, allowing you to earn coins automatically by completing assignments on canvas. The more assignments you do, and the better you do on them, the more coins you get. The coins you earn allow you to purchase decorative items for your personal town. Every Town is connected together, so you can view the website and scroll around to see what everyone's personal town looks like.

How we built it

We built this using Svelte and SvelteKit, to make loading data from our database on load easy, and to make all the interactive elements of our frontend easy to make. We are also using a Postgres database to store all of the different data like users, cities, buildings, etc.

Challenges we ran into

Trying to get the initial token to use the Canvas API, getting the cities to tile correctly, adding collision detection to the building placement system, and getting the characters/professors to move around the map correctly.

Accomplishments that we're proud of

Getting everything done that we listed above, everyone being commited and working for >10 hours, and how good it looks overall.

What we learned

We were all new to hackathons so we learned a ton about what its like to experience one, and the difficulty that it comes with. For some of us this was also our first time making a website with Svelte so we learned a lot about how efficient it can be.

What's next for canville

More interactivity between players, especially if they are both online, more city types, detailed breakdown of gold earnings and lists of assignments that need to be completed soon.

Built With

Share this project:

Updates