Chat Room BETA

let socket = io.connect(':30000?sketch=1016696');

​

let me;

let users;

let myName;

let myColor;

let chats;

let dummy;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  frameRate(30);

  background(255);

  noStroke();

  ellipseMode(CENTER);

  rectMode(CENTER);

  users = [];

  chats = [];

  myName = prompt('What\'s your name?');

  myColor = color(round(random(0, 255)), round(random(0, 255)), round(random(0, 255)));

  me = new Person(random(100, windowWidth - 100), random(100, windowHeight - 100), formatText(myName), myColor);

  dummy = new Person(100, 100, 'Dummy', color(0));

  users.push(me);

  users.push(dummy);

  socket.on('update', updateUsers);

  socket.on('chat', updateChat);

}

​

function draw() {

  background(255);

  move();

  for(let user of users) {

    textAlign(CENTER, CENTER);

    noStroke();

    textSize(10);

    fill(0);

    text(user.name, user.x, user.y - 50);

    noFill();

    strokeWeight(5);

    stroke(150);

    ellipse(user.x, user.y, 70, 70);

    noStroke();

  }

  for(let chat of chats) {

    if(chat instanceof Chat) {

      chat.moveChat();

      chat.display();

      socket.emit('chat', chat);

    }

  }

  socket.emit('update', me);

  fill(0, 255, 30);

  rect(200, windowHeight - 150, 300, 200, 5);

  textSize(26);

  fill(217, 0, 255);

  text('Send Chat', 200, windowHeight - 150);

  chats = chats.filter((that) => {

    return that.x < windowWidth && that.x > 0 && that.y < windowHeight && that.y > 0;

  });

}

​

function mousePressed() {

  if(mouseX > 50 && mouseX < 350 && mouseY < windowHeight - 50 && mouseY > windowHeight - 250) {

    sendChat();

  }

}

​

function updateUsers(user) {

  let chat = users.filter(d => d.name == user.name);

  if(chat.length == 0) {

    users.push(user);

  } else {

    chat[0].x = user.x;

    chat[0].y = user.y;

    chat[0].color = user.color;

  }

}

​

function updateChat(chat) {

  let message = chats.filter(d => d.sender == chat.sender);

  print(message);

  if(message.length == 0) {

    chats.push(chat);

  } else {

    message[0].x = chat.x;

    message[0].y = chat.y;

    message[0].message = chat.message;

  }

}

​

function move() {

  background(255);

  if(keyIsPressed) {

    if(keyCode == UP_ARROW) {

      me.y -= 3;

    } else if(keyCode == DOWN_ARROW) {

      me.y += 3;

    } else if(keyCode == LEFT_ARROW) {

      me.x -= 3;

    } else if(keyCode == RIGHT_ARROW) {

      me.x += 3;

    }

  }

}