Estoy haciendo un proyecto el cual consiste en un minijuego multijugador con Node, Express y Socket.io en el que cada jugador tiene un color diferente que le asigna el servidor al entrar y los jugadores verán una tabla la cual los jugadores tienen que ir pintando las celdas y al final quien haya pintado mas celdas gana.
Mi problema esta en que al primer jugador que entra le asigno el color rojo por ejemplo, al segundo que entra le asigno el verde pero ahora el jugador que era rojo también es de color verde, si entra otro mas será azul pero el resto de jugadores también serán de color azul y así sucesivamente.
¿Como puedo hacer que cada jugador tenga su color y no se actualice cuando entra otro jugador? Gracias de antemano.
Servidor
var id=1;
var colorhexadecimal;
io.on('connection', function(socket){
console.log("user"+id+" connected");
colorhexadecimal = "";
if(id==1){
colorhexadecimal = "orange";
}else if(id==2){
colorhexadecimal = "green";
}else if(id==3){
colorhexadecimal = "red";
}else if(id==4){
colorhexadecimal = "purple";
}else {
colorhexadecimal = "";
}
id++;
io.emit('colorEvent', colorhexadecimal);
socket.on('pintar', function(id){
io.emit('pintar', id);
});
socket.on('disconnect', function () {
console.log('A user disconnected');
});
Cliente
$(function () {
var socket = io();
socket.on('colorEvent', function(colorhexadecimal){
color = colorhexadecimal;
});
$('.celda').click(function(event){
var idRecibida = event.target.id;
socket.emit('pintar',idRecibida);
return false;
});
socket.on('pintar', function(id){
$('#'+id).css("background-color", color);
});
});