LeoNET2

let messages = [];

let socket = io.connect($OP.getEchoServerURL(6969420420));

let fonte;

function preload(){

fonte = loadFont('bob.ttf');}

let messageInput, usernameInput, sendButton;

​

function setup() {

  createCanvas(800, 600);

  noLoop();

textFont('Helvetica');

  // Listen for messages from other users

  socket.on("newMessage", function(data) {

    messages.push(data);

    redraw();

  });

​

//righht clcik stuff

  canvas.addEventListener("contextmenu", (e) => {

    e.preventDefault();

  });

​

//elementssss FIRE EARTH GROUND

  usernameInput = createInput().attribute("placeholder", "username");

  messageInput = createInput().attribute("placeholder", "message");

  sendButton = createButton("send");

  sendButton.mousePressed(sendMessage);

​

//////////whaaaazzzzzzuuuppppp

  usernameInput.position(50, 10);

  messageInput.position(50, 40);

  sendButton.position(50, 70);

}

​

function draw() {

  background(220);

  displayMessages();

}

​

function sendMessage() {

  let username = usernameInput.value();

  let message = messageInput.value();

​

  if (message && username) {

    let newMessage = { username, message };

    messages.push(newMessage); 

​

​

    socket.emit("newMessage", newMessage);

​

 messageInput.value("");

​

    redraw();

  }

}

function displayMessages() {

  let yPos = 100;

  messages.forEach(message => {

​

    fill(0);

    textSize(16);

    text(`${message.username}: ${message.message}`, 50, yPos);

    yPos += 20;

  });

}

​

socket.on("updatedMessage", function(updatedMessage) {

​

  let index = messages.findIndex(

    (message) => message.username === updatedMessage.username && message.message === updatedMessage.message

  );

  if (index !== -1) {

    messages[index] = updatedMessage;

    redraw();

  }

});

​