2402testsockets2

var socket = io.connect(":30000?sketch=1373154");

var tval = 'hi';

​

var sr, sg, sb; // sliders!

var inp; // input box

var div; // this is a DOM div

​

var r;

var g;

var b;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

  textSize(32);

  textAlign(CENTER,CENTER);

  socket.on('iamdragging', someoneIsDragging);  //when "iamdrawing" messages is received from server, set "someoneIsDrawing" function to be called

  socket.on('hello!', someoneJoined);  //when "hello!" messages is received from server, set "someoneJoined" function to be called

  socket.emit('hello!'); //let's send a message to anyone in the room

​

  // DOM stuff:

  // background square is a "div":

  div = createDiv(''); // a div with no text

  div.position(25, 375);

  div.style("width", "175px");

  div.style("height", "225px");

  div.style("border", "1px solid #000"); // background rectangle

  div.style("background", "#FFF"); // fill color

​

  // sliders:

  sr = createSlider(0, 255, 100); // minimum, maximum, default

  sr.position(50, 400);

  sr.style('width', '100px');

  sg = createSlider(0, 255, 100); // minimum, maximum, default

  sg.position(50, 450);

  sg.style('width', '100px');

  sb = createSlider(0, 255, 100); // minimum, maximum, default

  sb.position(50, 500);

  sb.style('width', '100px');

​

  // input box:

  inp = createInput('');

  inp.position(50, 550);

  inp.size(100, 20);

  inp.style('font-size', '20px');

  inp.input(settext);

​

}

​

​

function draw() {

}

​

function mouseDragged() {

​

    r = sr.value();

    g = sg.value();

    b = sb.value();

    someoneIsDragging(mouseX,mouseY,tval, r, g, b);

    socket.emit('iamdragging',mouseX, mouseY,tval, r, g, b);

​

}

function someoneIsDragging(x,y,t, r, g, b){  //this function will be called to draw a red ellipse for guest user

    noFill();

    stroke(0);

    ellipse(x-5, y-5, 50, 50);

    text(t, x-5, y-5);

    stroke(r, g, b, 255);

    ellipse(x, y, 50, 50);

    text(t, x, y);

}

​

function someoneJoined(){  //this function will be called to notify users when a new user joins

  print('New user joined!');

}

​

​

function settext()

{

  tval = this.value();

}