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

...

Код

Главная » Статьи » Js
Алгоритм Подергаемся

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

<script>

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


var radius = 20;
function draw_circle(x,y,color){
context.beginPath();
context.arc(x,y, radius, 0, 2 * Math.PI, false);
context.fillStyle = color;
context.fill();
context.lineWidth = 5;
context.strokeStyle = '#003300';
context.stroke();
}

let counter = 0;

let arr = new Array();

function my_click(){

let e = window.event;
let posX = e.clientX;
let posY = e.clientY;

arr.push(posX);
arr.push(posY);

}

setInterval(function(){
for (let i = 0; i <= arr.length; i+=2){
draw_circle(arr[i]+counter,arr[i+1],"red");

}

counter = counter + 1;

if (counter == 5) counter = counter - 5;

}, 1);

</script>

</body>
</html>

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

Мини-чат

Статистика

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

Форма входа

Друзья сайта

  • ЗОВ КОСМОСА

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

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

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

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

    • Поиск