临摹作品

我要临摹的动图如下
在这里插入图片描述
其实,该动图是在每个弧上有一条运动的线,在让他们在按圆心,做运动就可以

  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;
}


以上是我的代码,在原图基础上,使弧的起点不动为一定值,尾端做圆周运动
效果如下
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值