Такую хрень я уже создавал? Я назвал её - диск

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

<script>

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


let t1 = setInterval(function(){
++angle;
ctx.fillStyle = '#' + Math.floor(Math.random()*16777215).toString(16);
for (let sz = 20;sz < 200;sz+=20){
let newsz = 250 - sz;
let x = 250+ Math.round(Math.cos(angle*(Math.PI/180))*newsz);
let y = 250+ Math.round(Math.sin(angle*(Math.PI/180))*newsz);

ctx.fillRect(x, y, 10, 10);


}


if (angle == 360)
{
clearInterval(t1);
angle = 0;

}

}, 10);

</script>

</body>
</html>


Рецензии