Опять эта хренова программа не работает,как надо.
Идея-то понятна.
<!DOCTYPE html>
<html>
<body onkeydown="press(event)" onload="press(event)">
<canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;">
</canvas>
<script>
let x1 = 0;
let y1 = 400;
let coordX = [];
for (let index = 0 ; index<5;index++){
coordX[index] = Math.floor(Math.random() * Math.floor(5))*100;
}
let obj_position = 0;
function press(event){
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.clearRect(0,0,500,500);
ctx.fillRect(x1, y1, 100, 100);
if (event.code =='KeyZ' && x1 <=300){
x1 = x1 + 100;
ctx.clearRect(0,0,500,500);
ctx.fillRect(x1, y1, 100, 100);
}
if (event.code =='KeyX' && x1 >= 100){
x1 = x1 - 100;
ctx.clearRect(0,0,500,500);
ctx.fillRect(x1, y1, 100, 100);
}
if (event.code =='KeyQ'){
if (coordX[obj_position] == x1)
{
alert("провал");
}
y1 = y1 - 100;
ctx.clearRect(0,0,500,500);
ctx.fillRect(x1, y1, 100, 100);
obj_position++;
}
if (obj_position==4) alert("путь окончен");
}
</script>
</body>
</html>
| 