Inspiration

Heavily inspired by /r/place, we decided to make a game for Bitcamp intended to pit the color teams against each other and encourage teamwork and cooperation.

What it does

Every few hours, an image is presented and all teams will have their own canvas to try and recreate the image. Every user can place down a pixel of a color they choose, with a cooldown of 5 minutes. However, where you choose to place your pixel can decide which team wins. Users can choose to place down their pixel to help recreate the picture or clean up their team's canvas, or choose to place a random pixel on the other teams' canvases to sabotage their progress. Whichever canvas most closely resembles the image by a certain period of time wins for that period, and another image is shown and the canvases reset.

How we built it

HTML5/CSS/Javascript

Challenges we ran into

HTML5 Canvas gave us a few mathematical issues involving estimation and forcing input to change by approximating user input coordinates to the nearest acceptable coordinates.

Accomplishments that we're proud of

First javascript project

What's next for Color Bit Wars

Logging and account integration, multiplayer integration, automatic timer and resets. Selection cooldown, show all previous canvases, stats page

Built With

Share this project:

Updates