我要临摹的动图如下
其实,该动图是在每个弧上有一条运动的线,在让他们在按圆心,做运动就可以
let t=1;
let k=1;
let j=1;
let i=1;
let a=1;
let b=1;
let c=1;
let d=1;
function setup() {
createCanvas(500, 500);
}
function draw() {
background(0);
noFill()
strokeWeight(10);
stroke(22,116,188);
arc(250,250,50,50,PI,t);
stroke(0,164,150);
arc(250,250,75,75,PI,k);
stroke(129,198,64);
arc(250,250,100,100,PI,j);
stroke(246,246,0);
arc(250,250,125,125,PI,i);
stroke(236,91,53);
arc(250,250,150,150,PI,a);
stroke(234,34,94);
arc(250,250,175,175,PI,b);
stroke(205,0,205);
arc(250,250,200,200,PI,c);
stroke(139,0,139);
arc(250,250,225,225,PI,d);
t=t+0.01*PI;
k=k+0.02*PI;
j=j+0.03*PI;
i=i+0.04*PI;
a=a+0.05*PI;
b=b+0.06*PI;
c=c+0.07*PI;
d=d+0.08*PI;
}
以上是我的代码,在原图基础上,使弧的起点不动为一定值,尾端做圆周运动
效果如下