COLORED CITY

let socket, picker, slider, diameter =  1;

​

function setup() 

{

  createCanvas(windowWidth, windowHeight);

  background(256);

  socket = io.connect('https://www.openprocessing.org:30000?sketch/932486')

  socket.on('doodle', doo)

}

​

function doo (x, y, r, g, b)

{

  fill(r, g, b)

  ellipse(x, y, frameCount % 75, frameCount % 75)

}

​

function mouseDragged()

{

  fill((mouseX + mouseY)% 256, mouseX % 256, frameCount % 256)

  let r = red((mouseX + mouseY)% 256)

  let g = green(mouseX % 256)

  let b = blue(frameCount % 256)

  ellipse(mouseX, mouseY, frameCount % 75, frameCount % 75)

  socket.emit('doodle', mouseX, mouseY, r, g, b)

}

​

function draw() 

{

  noStroke();

  ellipse(mouseX, mouseY,  diameter);

  fill(256,256);

  mouseX = random(width);

  diameter = random(75);

  mouseY = random(height/2-50,height/2+50);

  background(0,10);

}