PixelPals – Collaborative pixel art canvas

https://eternalthinker.github.io/pixelpals

by eternalthinker • 12 years ago

13 14 12 years ago

eternalthinker.github.io

aw3c22• 12 years ago

Interesting, Chromium's network inspector does not show me how this transmits.

Vbits• 12 years ago

It uses Firebase for networking.

djrconcepts• 12 years ago

Yes, it does.

From the network inspector, click the one that says "web sockets"

Then select the entry from the list, looks something like ".ws?v=5&ns=pixelpals-server"

Then select frames from the 3 options "Headers Frames Cookies"

Should see the json data

aw3c22• 12 years ago

Thanks! Even that does not update live though, I have to switch between the tabs to see the latest messages.

eternalthinker2• 12 years ago

Yep, it's Firebase! Was a Node implementation originally, but Heroku's free tier for Node didn't offer much persistence.

Springtime• 12 years ago

The demo page is quite anarchic but it's a fun concept. Given a goal there would probably be more incentive for random users to work together on something.

Gravityloss• 12 years ago

A metaphor of the tragedy of the commons. Try to draw something and it's quite quickly overwritten by some wild person just spinning the cursor.

normloman• 12 years ago

Right now it says "Penis Bro," "Shitcock," and also has a picture of a penis.

I'm shocked!

DougWebb• 12 years ago

Still penises four hours later. As soon as I saw the link, I just knew that's what I was going to see. Humans are very predictable.

tomasklingen• 12 years ago

Ok that was fun.

   var socket = new Firebase("https://pixelpals-server.firebaseio.com/public");
   var w = 150;
   var h = 120;
   var randColor = function(){
   	return '#'+Math.floor(Math.random()*16777215).toString(16);
   };
   for(var i = 0 ; i < h; i++){
   	for(var j = 0 ; j < w ; j++){
   		socket.child(i*w + j).set(i%2 ? randColor() : '#000');		
   	}
   }

.. sorry

jengamaster• 12 years ago

I think some people may be checking wether your script works or not

Kissy• 12 years ago

You can even draw the Mona Lisa on it : http://pastebin.com/TUsqeMWT

(You need to expose the pixelCanvas globally first using a break point or something)

eternalthinker2• 12 years ago

The scripted experiments are fun indeed :] Also the firebase server usage is shooting up like anything :D

mponw• 12 years ago

Awesome! I already have a couple of ideas on how to use this as a teambuilding tool. Thanks for open-sourcing it!

PixelPals – Collaborative pixel art canvas

Related Stories