多语言展示
当前在线:1170今日阅读:103今日分享:49

【网络画板】错落有致的旋转动画

本文要实现如下的动画。观察发现,每一个反对角线上的格子是同步旋转,同时又比前一条反对角线上的旋转有所延迟。用到的工具是网络画板。
工具/原料
1

电脑

2

网络画板

方法/步骤
1

构造四个变量:a的最小值为0;m和r介于0到1之间;num是5到10之间的整数。

2

计算m0=a+1;构造动画按钮n,起点是-1,终点是1.5 + num * m * 2,步数是10*num,间隔是50毫秒,类型是往返。

3

构造直角坐标点A和B。

4

以A和B为顶点,构造正方形。

5

进行a到m0的迭代变换,迭代深度是num*num-1。

6

播放动画,并调整变量。我们用m控制延迟时间的长短,用r控制正方形的大小,用num控制正方形的数目。

推荐信息