Пятница, 07.02.2025, 04:53 | Приветствую Вас Гость

...

Код

Главная » Статьи » Js
Зеркальные квадраты

<!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 x2 = 400;
function press(event){
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.clearRect(0,0,500,500);
ctx.fillRect(x1, 400, 100, 100);
ctx.fillRect(x2,0, 100, 100);

if (event.code =='KeyZ' && x1 <=300){
x1 = x1 + 100;
x2 = x2 - 100;
}

if (event.code =='KeyX' && x1 >= 100){

x1 = x1 - 100;
x2 = x2 + 100;
}


}
</script>

</body>
</html>

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

Меню сайта

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

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск