let conn;

let ox;

let oy;

let haveReceived = false;

​

peer.on('open', function(id) {

  console.log('My peer ID is: ' + id);

});

​

peer.on('connection', function(c) {

  if (conn) {

    c.on('open', function() {

      c.send("Already connected");

      c.close();

    });

    return;

  }

​

  conn = c;

​

  finishConnect();

  console.log("conn to " + conn.peer);

});

​

function setup() {

  createCanvas(200, 200);

  noStroke();

}

​

function draw() {

  background(220);

​

  if (conn) {

    conn.send({

      x: mouseX,

      y: mouseY

    });

  }

​

  fill(0, 255, 0, 50);

  circle(mouseX, mouseY, 100);

  if (haveReceived){

    fill(255, 0, 0, 50);

    circle(ox, oy, 100);

  }

}

​

function keyPressed() {

  if (key === 'c') {

​

    conn = peer.connect('cc1');

​

    finishConnect();

  }

}

​

function finishConnect(){

  conn.on('data', function(data) {

    ox = data.x;

    oy = data.y;

    haveReceived = true;

  });

}