visibility change

This commit is contained in:
catvayor 2023-09-05 14:46:13 +02:00
parent 2648f0d4b9
commit a5f8074a17
2 changed files with 99 additions and 45 deletions

View file

@ -52,6 +52,7 @@
<table> <table>
<thead><tr> <thead><tr>
<th>ID</th> <th>ID</th>
<th>Mallette</th>
<th>Invisible</th> <th>Invisible</th>
<th>Brouillé</th> <th>Brouillé</th>
<th>Tracker</th> <th>Tracker</th>
@ -92,6 +93,7 @@
function sendUpdate(id){ function sendUpdate(id){
var state = {}; var state = {};
state.mallette = document.getElementById(`${id}.mallette`).checked;
state.invisibility = document.getElementById(`${id}.invisibility`).checked; state.invisibility = document.getElementById(`${id}.invisibility`).checked;
state.blurred = document.getElementById(`${id}.blurred`).checked; state.blurred = document.getElementById(`${id}.blurred`).checked;
state.tracker = document.getElementById(`${id}.tracker`).checked; state.tracker = document.getElementById(`${id}.tracker`).checked;
@ -103,6 +105,9 @@
var id = data.id; var id = data.id;
if(!(id in equipes)){ if(!(id in equipes)){
var row = `<td class="${data.vieux?"vieux":"conscrit"}">${id}</td>`; var row = `<td class="${data.vieux?"vieux":"conscrit"}">${id}</td>`;
row += `<td><input type="checkbox"
id="${id}.mallette"
onchange="sendUpdate('${id}')" /></td>`
row += `<td><input type="checkbox" row += `<td><input type="checkbox"
id="${id}.invisibility" id="${id}.invisibility"
onchange="sendUpdate('${id}')" /></td>` onchange="sendUpdate('${id}')" /></td>`
@ -129,6 +134,7 @@
info_table.innerHTML += `<tr>${row}</tr>` info_table.innerHTML += `<tr>${row}</tr>`
for(i in equipes){ for(i in equipes){
var equipe = equipes[i]; var equipe = equipes[i];
document.getElementById(`${i}.mallette`).checked = equipe.state.mallette;
document.getElementById(`${i}.invisibility`).checked = equipe.state.invisibility; document.getElementById(`${i}.invisibility`).checked = equipe.state.invisibility;
document.getElementById(`${i}.blurred`).checked = equipe.state.blurred; document.getElementById(`${i}.blurred`).checked = equipe.state.blurred;
document.getElementById(`${i}.tracker`).checked = equipe.state.tracker; document.getElementById(`${i}.tracker`).checked = equipe.state.tracker;
@ -136,6 +142,7 @@
} }
} }
equipes[id] = data; equipes[id] = data;
document.getElementById(`${id}.mallette`).checked = data.state.mallette;
document.getElementById(`${id}.invisibility`).checked = data.state.invisibility; document.getElementById(`${id}.invisibility`).checked = data.state.invisibility;
document.getElementById(`${id}.blurred`).checked = data.state.blurred; document.getElementById(`${id}.blurred`).checked = data.state.blurred;
document.getElementById(`${id}.tracker`).checked = data.state.tracker; document.getElementById(`${id}.tracker`).checked = data.state.tracker;

135
traque.js
View file

@ -7,7 +7,8 @@
"invisibilty" : bool, "invisibilty" : bool,
"blurred": bool, "blurred": bool,
"tracker" : bool, "tracker" : bool,
"npc" : int "npc" : int,
"mallette": bool
}, },
"codes" : { "codes" : {
"invisiblity" : int, "invisiblity" : int,
@ -129,12 +130,24 @@ io.use(function(socket, next){
} }
}); });
async function join_leave(team_id, join, leave){
var sockets = await io.in(team_id).fetchSockets();
for(s of sockets){
for(r of join)
s.join(r);
for(r of leave)
s.leave(r);
}
}
///////////////// /////////////////
// Tracking room // Tracking room
// //
// Everyone in this room is located // Everyone in this room is located
// sub-rooms : // sub-rooms :
// * "npc" room for non-player // * "npc" room for non-player
// * "Tracker" room for trackers
// * "mallette" room for player with a mallette
// * "%ID" room of a team // * "%ID" room of a team
// //
// To join : // To join :
@ -144,6 +157,8 @@ io.use(function(socket, next){
// } // }
// "conscrit" are classical player, "vieux" are npcs (they can become tracker when needed) // "conscrit" are classical player, "vieux" are npcs (they can become tracker when needed)
var tracking = io.to("Tracking"); var tracking = io.to("Tracking");
var tracker = io.to("Tracker");
var mallette = io.to("mallette");
///////////////// /////////////////
// Admin room // Admin room
@ -157,14 +172,20 @@ var admin = io.to("Admin");
// visible color of a team // visible color of a team
function color(team){ function color(team){
if(team.state.tracker) return 1;
if(team.state.npc != 0) return team.state.npc - 0 + 2;
return 0;
}
function admin_color(team){
if(team.state.invisibility) return 2; if(team.state.invisibility) return 2;
if(team.state.tracker) return 1; if(team.state.tracker) return 1;
if(team.state.npc != 0) return team.state.npc - 0 + 2; if(team.state.npc != 0) return team.state.npc - 0 + 2;
return 0; return 0;
} }
// apparent information of a team, for other only // apparent information of a team, for tracker only
function apparent_info(equipe){ function apparent_info_tracker(equipe){
if(equipe.state.invisibility) if(equipe.state.invisibility)
return {"id": equipe.id, "color": color(equipe), "position": [0,0]}; return {"id": equipe.id, "color": color(equipe), "position": [0,0]};
if(equipe.state.blurred) if(equipe.state.blurred)
@ -174,11 +195,31 @@ function apparent_info(equipe){
return {"id": equipe.id, "color": color(equipe), "position": equipe.pos}; return {"id": equipe.id, "color": color(equipe), "position": equipe.pos};
} }
// apparent information of a team, for mallette only
function apparent_info_mallette(equipe){
if(equipe.state.npc == 0 && !equipe.state.tracker)
return {"id": equipe.id, "color": color(equipe), "position": equipe.pos};
return apparent_info_agent(equipe);
}
// apparent information of a team, for agent only
function apparent_info_agent(equipe){
if(equipe.state.mallette)
return {"id": equipe.id, "color": color(equipe), "position": equipe.pos};
if(equipe.state.npc == 0 && !equipe.state.tracker)
return {"id": equipe.id, "color": color(equipe), "position": [0,0]};
return apparent_info_tracker(equipe);
}
function emit_update(team_id) { function emit_update(team_id) {
var equipe = equipes[team_id]; var equipe = equipes[team_id];
tracking.except(team_id).emit('moving', apparent_info(equipe)); tracker.except(team_id).emit('moving', apparent_info_tracker(equipe));
// the team and the admins always have the real informations mallette.except(team_id).emit('moving', apparent_info_mallette(equipe));
admin.to(team_id).emit('moving', {"id": team_id, "color": color(equipe), "position": equipe.pos}); tracking.except("Tracker").except("mallette").except(team_id).emit('moving', apparent_info_agent(equipe));
// the team, the npcs and the admins always have the real informations
admin.to("npc").to(team_id)
.emit('moving', {"id": team_id, "color": admin_color(equipe), "position": equipe.pos});
admin.emit('update', equipe); admin.emit('update', equipe);
} }
@ -189,6 +230,7 @@ function default_team(team_id, valid) {
state.blurred = false; state.blurred = false;
state.tracker = false; state.tracker = false;
state.npc = valid; state.npc = valid;
state.mallette = false;
var codes = {}; var codes = {};
codes.blurred = 0; codes.blurred = 0;
@ -203,15 +245,36 @@ function default_team(team_id, valid) {
return equipe; return equipe;
} }
function send_update(team){
io.to(team.id).emit('moving', {"id": team.id, "color": color(team), "position": team.pos});
for(other_id in equipes)
if(other_id != team.id){
if(team.state.tracker)
io.to(team.id).emit('moving', apparent_info_tracker(equipes[other_id]));
else if(team.state.mallette)
io.to(team.id).emit('moving', apparent_info_mallette(equipes[other_id]));
else if(team.state.npc != 0)
io.to(team.id).emit('moving', {"id": team_id, "color": admin_color(equipe), "position": equipe.pos});
else
io.to(team.id).emit('moving', apparent_info_agent(equipes[other_id]));
}
}
// connect a socket to the room corresponding to its team and send it infos // connect a socket to the room corresponding to its team and send it infos
function team_join(team, socket){ function team_join(team, socket){
socket.join(team.id); socket.join(team.id);
var state = team.state;
if(state.npc != 0) socket.join("npc");
socket.emit('moving', {"id": team.id, "color": color(team), "position": team.pos}); socket.emit('moving', {"id": team.id, "color": color(team), "position": team.pos});
for(other_id in equipes) for(other_id in equipes)
if(other_id != team.id) if(other_id != team.id){
socket.emit('moving', apparent_info(equipes[other_id])); if(team.state.tracker)
socket.emit('moving', apparent_info_tracker(equipes[other_id]));
else if(team.state.mallette)
socket.emit('moving', apparent_info_mallette(equipes[other_id]));
else if(team.state.npc != 0)
socket.emit('moving', {"id": team_id, "color": admin_color(equipe), "position": equipe.pos});
else
socket.emit('moving', apparent_info_agent(equipes[other_id]));
}
} }
console.log("Setup handlers"); console.log("Setup handlers");
@ -220,6 +283,10 @@ io.on('connection', function(socket){
var id = socket.handshake.auth.id; var id = socket.handshake.auth.id;
var equipe = equipes[id] var equipe = equipes[id]
socket.join("Tracking"); socket.join("Tracking");
if(equipe.state.tracker)
socket.join("Tracker");
if(equipe.state.mallette)
socket.join("mallette");
team_join(equipe, socket); team_join(equipe, socket);
socket.on("useCode", function(code){ socket.on("useCode", function(code){
@ -240,7 +307,7 @@ io.on('connection', function(socket){
if(socket.handshake.auth.type == "vieux"){ if(socket.handshake.auth.type == "vieux"){
var id = socket.handshake.auth.id; var id = socket.handshake.auth.id;
var equipe = equipes[id] var equipe = equipes[id]
socket.join("Tracking"); socket.join("npc");
team_join(equipe, socket); team_join(equipe, socket);
socket.on('changeState', function(d){ socket.on('changeState', function(d){
@ -271,6 +338,19 @@ io.on('connection', function(socket){
socket.on('setState', function(d){ socket.on('setState', function(d){
equipes[d.id].state = d.state; equipes[d.id].state = d.state;
var join = [];
var leave = [];
if(d.state.tracker)
join.push("Tracker");
else
leave.push("Tracker");
if(d.state.mallette){
join.push("mallette");
} else{
leave.push("mallette");
}
join_leave(d.id, join, leave);
send_update(equipes[d.id]);
emit_update(d.id); emit_update(d.id);
if(equipes[d.id].vieux) if(equipes[d.id].vieux)
io.to(d.id).emit('newState', d.state); io.to(d.id).emit('newState', d.state);
@ -282,39 +362,6 @@ io.on('connection', function(socket){
socket.emit('update', equipe); socket.emit('update', equipe);
} }
} }
//ici essentiellement tout est a refaire
// socket.on('message', function(d){
// d.content = d.content.toLowerCase();
// if(d.content == PWD_TRACKED){
// d.color = 0;
// socket.emit('popup', {"content": MSG_TRACKED});
// } else if(d.content == PWD_TRACKER){
// d.color = 1;
// socket.emit('popup', {"content": MSG_TRACKER});
// } else if(d.content == PWD_INVISIBLE){
// d.color = -1;
// socket.emit('popup', {"content": MSG_INVISIBLE});
// } else
// socket.color = d.color - 0;
// if(d.color == -1)
// socket.shown = false;
// else{
// if(!socket.shown)
// for(i in equipes)
// equipes[i].emit('moving', {"id": socket.id, "position": socket.position});
// socket.shown = true;
// }
// for(i in equipes)
// equipes[i].emit('changeColor', {"id": socket.id, "color": d.color});
// });
// socket.on("disconnect", function(_){
// console.log(socket.id + " disconnect");
// socket.shown = false;
// for(i in equipes)
// equipes[i].emit('remove', {"id": socket.id});
// });
}); });
console.log("Launch server"); console.log("Launch server");