养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

正方形交替旋转动画的网络画板实现

时间:2024-09-22 23:24:49

本文,用网络画板,来实现下图中的动画效果。

工具/原料

电脑

网络画板

方法/步骤

1、参考前面的文章,《用网络画板绘制正方形阵列》,在这个课件的基础上,做一些修改,就可以实现本文的动画效果。

正方形交替旋转动画的网络画板实现

2、构造动画按钮a,最小值为0,最大值为2,步数为100,间隔为20毫秒,类型是重复,序列是并行。

正方形交替旋转动画的网络画板实现

3、把点B的横坐标改为:if((n%10+floo筠续师诈r(n/10))%2==0,(n%10+1/2+s鳎溻趄酃qrt(2)*sin(a*pi/2+pi/4)/2),(n%10+1/2+sqrt(2)*sin(-a*pi/2-pi/4)/2))把点B的纵坐标改为:(floor(n/10)+1/2+sqrt(2)*cos(a*pi/2+pi/4)/2)

正方形交替旋转动画的网络画板实现

正方形交替旋转动画的网络画板实现

4、暂时隐藏迭代图案,修改以B为顶点的小正方形的属性:线色是(0,0,25猱蝰逾鸾5,1);着色,红色改为:if((n鬈熵痼霄%10+floor(n/10))%2==0,0,1)*255绿色改为:if((n%10+floor(n/10))%2==0,1,0)*255蓝色改为0,透明度改为:if((n%10+floor(n/10))%2==0,if(a<=1,1,0),if(a<=1,0,1))

正方形交替旋转动画的网络画板实现

正方形交替旋转动画的网络画板实现

正方形交替旋转动画的网络画板实现

正方形交替旋转动画的网络画板实现

5、这样,我们就得到了如下的动画效果。

正方形交替旋转动画的网络画板实现

© 一点知识