leca
/
pixelbattle
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added online

This commit is contained in:
leca 2024-04-06 22:24:13 +03:00
parent 2ba725f232
commit 45e7298bca
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
html/logic.js
View File

@ -6,6 +6,7 @@ var canvas = document.getElementById("board");
var colorInput = document.getElementById("color"); var colorInput = document.getElementById("color");
var canvasHidden = document.getElementById("hidden"); var canvasHidden = document.getElementById("hidden");
var timer = document.getElementById("timer"); var timer = document.getElementById("timer");
var online = document.getElementById("online");
var ctx = canvas.getContext("2d"); var ctx = canvas.getContext("2d");
var ctx2 = canvasHidden.getContext("2d"); var ctx2 = canvasHidden.getContext("2d");
@ -28,6 +29,7 @@ function drawTimer() {
function connect() { function connect() {
// socket.close(); // socket.close();
const handler = (event) => { const handler = (event) => {
console.log(event.data)
event.data.text().then(function(packet){ event.data.text().then(function(packet){
packet = JSON.parse(packet) packet = JSON.parse(packet)
let code = packet.code let code = packet.code
@ -60,6 +62,10 @@ function connect() {
drawPixel(contentJson.x * 4, contentJson.y * 4, color) drawPixel(contentJson.x * 4, contentJson.y * 4, color)
redraw(); redraw();
break; break;
case 2:
online.textContent = packet.online;
console.log(`Online: ${packet.online}`);
break;
case undefined: case undefined:
console.log("ping!"); console.log("ping!");
break break

7
src/index.js
View File

@ -103,6 +103,13 @@ server.on('connection', (client) => {
response.content = board; response.content = board;
response.timeBetweenPixels = timeBetweenPixels; response.timeBetweenPixels = timeBetweenPixels;
client.send(Buffer.from(JSON.stringify(response))); client.send(Buffer.from(JSON.stringify(response)));
response = {}
for (let i = 0; i < clients.length; i++) {
response.code = 2;
response.online = clients.length;
clients[i].send(Buffer.from(JSON.stringify(response)));
}
break; break;
case 1: case 1:
response.code = 1; response.code = 1;

3
views/index.pug
View File

@ -16,6 +16,9 @@ html(lang='en')
br br
| timer: | timer:
b(id="timer") b(id="timer")
br
| online:
b(id="online")
canvas(id="board" width="1920" height="1080" style="border:1px solid #000000;" display="block") canvas(id="board" width="1920" height="1080" style="border:1px solid #000000;" display="block")
canvas(hidden id="hidden" width="1920" height="1080") canvas(hidden id="hidden" width="1920" height="1080")
script(type="text/javascript" src="./logic.js") script(type="text/javascript" src="./logic.js")