Multiplayer Drawing Canvas
SpicedSpices (34)

Multi-person Drawing Canvas


This canvas is multiplayer so anyone can change this screen. I was 'inspired' by Reddit's r/place which was a social experiment hosted on April 1st, 2017. It was a giant canvas where each person could change the color of one pixel, with a cooldown of 5 minutes.


In this version that I made, there is a 80 by 45 pixel space, and no cooldown time, so you can change as many pixels as you would like. You could even possibly make a bot to draw pixels for you.


How Do I Use This?

To use this canvas, all you need to do is to click on whichever pixel you would like to change, and press the key corresponding to the color you would like.


Colors:
  • Red - 1
  • Orange - 2
  • Yellow - 3
  • Green - 4
  • Light-Green - 5
  • Light-Blue - 6
  • Medium-Blue - 7
  • Blue - 8
  • Purple - 9
  • Magenta-Red - 0
  • Black - Minus Sign
  • White - Equal Sign

I used Node.JS and 2 frameworks, Express.JS for sending files, and Socket.IO for real-time web connections.


An upvote if you enjoyed it would be appreciated


Please let me know how it is and give me feedback

Thank you for trying this out!

You are viewing a single comment. View All
SilentShadowBla (499)

Why is it just showing a black screen for me?

SpicedSpices (34)

@SilentShadowBla You might have clicked or interacted with the screen before the page was fully loaded. Have you tried reloading it or opening it in another tab?

SilentShadowBla (499)

yes i have must be my computer's problem or something, whatever, looking at the images in the comments, I say you did an amzing job! @SpicedSpices