Воскресенье, 24.11.2024, 19:43 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Поглощение матрицы

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="300" style="border:1px solid
#d3d3d3;">
</canvas>

<script>

let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");

function create_first_matrix(){


ctx.beginPath();
for (let y = 0; y <= 300; y += 50) {
for (let x = 0; x <= 300; x += 50) {
ctx.moveTo(0, y);
ctx.lineTo(300, y);

ctx.moveTo(x, 0);
ctx.lineTo(x, 300);
}
ctx.stroke();
}

}


create_first_matrix();
let X = 0;
let Y = 0;
document.body.onkeypress = function(e){

if (e.key == 'a' && X >  0){
X-=50;
}
if (e.key == 'd' && X <  250){
X+=50;
}
if (e.key == 'w' && Y > 0){
Y-=50;
}

if (e.key == 's' && Y < 250){
Y+=50;
}


ctx.fillStyle = "green";
ctx.fillRect(X,Y,50, 50);

}
</script>

</body>
</html>

Категория: Js | Добавил: moskov (14.10.2022)
Просмотров: 85 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Меню сайта

Категории раздела

PHP [41]
C++ [71]
Autoit [108]
Processing [105]
Basic4GL [7]
Fasm [2]
PABC [7]
Js [234]
Gentee [1]
Python [204]
Java android [3]
Small Basic [9]

Мини-чат

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

  • Хулиган Вселенной

  • Тюремная поэзия

  • Религиозная поэзия

  • Сайт клана ЛеГиоН

    • Поиск