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

fixed wrong full sync

Browse Source
This commit is contained in:
leca
2023-07-31 20:46:04 +03:00
parent 449099dd51
commit 2730b6d871
2 changed files with 21 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
html/index.html
View File

@@ -4,7 +4,7 @@
<title>Pixel Battle</title>
<meta charset="UTF-8">
</head>
<body>
<body style="background-color: grey;">
<p>
<input type="color" id="color" />
<input type="button" id="submitColor" value="change color" onclick="changeColor()"/>
@@ -26,7 +26,6 @@
canvasHidden.width = 1920;
canvasHidden.height = 1080;
var imgData = ctx2.createImageData(canvasHidden.width, canvasHidden.height)
// imgData.data.fill(255);
function drawPixel(x, y, color) {
let pixelNumber;
@@ -34,27 +33,16 @@
pixelNumber = (y) * canvas.width + x
if (y == 0)
pixelNumber = x
if (color == undefined) {
let rgbColor = hexToRgb(currentColor);
for (let l = 0; l < 4; l ++)
for (let l = 0; l < 5; l ++){
imgData.data[pixelNumber + 0] = rgbColor.r;
imgData.data[pixelNumber + 1] = rgbColor.g;
imgData.data[pixelNumber + 2] = rgbColor.b;
imgData.data[pixelNumber + 3] = 255;
}
if (color == undefined) rgbColor = hexToRgb(currentColor);
for (let l = 0; l < 4; l ++)
for (let l = 0; l < 5; l ++){
imgData.data[pixelNumber + 0] = color == undefined? rgbColor.r : color.r;
imgData.data[pixelNumber + 1] = color == undefined? rgbColor.g : color.g;
imgData.data[pixelNumber + 2] = color == undefined? rgbColor.b : color.b;
imgData.data[pixelNumber + 3] = 255;
}
redraw();
} else {
for (let l = 0; l < 4; l ++)
for (let l = 0; l < 5; l ++){
imgData.data[pixelNumber + 0] = color.r;
imgData.data[pixelNumber + 1] = color.g;
imgData.data[pixelNumber + 2] = color.b;
imgData.data[pixelNumber + 3] = 255;
}
}
redraw();
}
function redraw() {
@@ -82,8 +70,10 @@
case 0:
//Ineffective way to do that, fix that later ;)
let converted = Uint8ClampedArray.from(content)
for (let i = 0; i < imgData.data.length; i ++)
for (let i = 0; i < converted.length; i ++)
imgData.data[i] = converted[i]
console.log(imgData.data)
redraw();
break;
case 1:
@@ -105,11 +95,6 @@
window.onload = function() {
var ctx = canvas.getContext("2d");
trackTransforms(ctx);
redraw();
var lastX=canvas.width/2, lastY=canvas.height/2;
var dragStart,dragged;