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

...

Код

Главная » Статьи » Js
Прямоугольничание 3

<!DOCTYPE html>
<html>
<body>


<canvas id="myCanvas" width="500" height="500" style="border:1px solid grey"></canvas>

<script>

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

let timerId = setInterval(function(){

let x = [0,0,0,0,0];
let y = [0,0,0,0,0];

for (let index_1 = 0; index_1 < 5;index_1++)
{
let speed = Math.floor(Math.random()*150);


if (y[index_1] > 0){

y[index_1]  = y[index_1]  - speed;
}

if (y[index_1] < 450){
y[index_1] = y[index_1] + speed;
}

if (x[index_1] > 0){
x[index_1] = x[index_1] - speed;
}

if (x[index_1] < 450){
x[index_1] = x[index_1] + speed;
}
}

ctx.clearRect(0,0,500,500);
ctx.beginPath();
for (let index_1 = 0; index_1 < 5;index_1++){
for (let index_2 = 0; index_2 < 5;index_2++){
ctx.rect(x[index_1]+100,y[index_2]+150,50,50);
ctx.stroke();

}
}


},500);

</script> 

</body>
</html>

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

Меню сайта

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

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск