var canvasWidth = 600;
var canvasHeight = 600;
var socket;
var brushSize = 30;

function setup() {
	createCanvas(canvasWidth,canvasHeight);
	background(51);
	socket = io.connect('http://localhost:3000');
	socket.on('mouse', newDrawing);
}

function newDrawing(data){
	stroke(255);
	fill(255,0,100);
	strokeCap(ROUND);
	line(data.x,data.y,data.oldX,data.oldY);
}

function mouseDragged(){
	var data = {
		x: mouseX,
		y: mouseY,
		oldX: pmouseX,
		oldY: pmouseY
	}
	socket.emit('mouse',data);
}


function draw() {
	stroke(255)
	strokeCap(ROUND);
	if(mouseIsPressed == true){
  line(mouseX, mouseY, pmouseX, pmouseY);
	}
}