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

...

Код

Главная » Статьи » Js
Угловыверт

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="500" height="500" style="border:1px solid
#d3d3d3;" onclick="press()">
</canvas>

<script>

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

ctx.fillStyle = '#' + Math.floor(Math.random()*16777215).toString(16);

setInterval(function(){
++angle;

let x1 = 250+ Math.round(Math.cos(angle*(Math.PI/180)));
let y1 = 250+ Math.round(Math.sin(angle*(Math.PI/180)));
let x2 = 250+ Math.round(Math.cos(angle*(Math.PI/180))*100);
let y2 = 250+ Math.round(Math.sin(angle*(Math.PI/180))*100);

ctx.fillRect(x1+angle,y1-angle, 10, 10);
ctx.fillRect(x1+angle,y1+angle, 10, 10);
ctx.fillRect(x1-angle,y1+angle, 10, 10);
ctx.fillRect(x1-angle,y1-angle, 10, 10);

ctx.fillRect(x2+angle,y2-angle, 10, 10);
ctx.fillRect(x2+angle,y2+angle, 10, 10);
ctx.fillRect(x2-angle,y2+angle, 10, 10);
ctx.fillRect(x2-angle,y2-angle, 10, 10);


if (angle == 360) 
{

angle = 0;

}

}, 10);

</script>

</body>
</html>

Категория: Js | Добавил: moskov (16.08.2023)
Просмотров: 57 | Рейтинг: 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]

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск