互动媒体 作业1-动态图形临摹
1.选择临摹的动态图形
互动媒体 动态图形临摹

2.动态图形分析
一、该图中有六行六列三十六个白色圆均匀分布
二、背景是黑色的
三、有一半的圆上的黑色正方形是绕圆心顺时针变速转动,另一半是逆时针变速转动。

3.用到的API
3.1 createCanvas(w, h, [renderer])
在文件内创造一个画布元素,并以像素定义其大小。

3.2 background()
函数设定 p5.js 画布的背景颜色。

3.3millis()
返回自程序开始以来的毫秒

3.4 fill()
设置形状的填充色。

3.5 ellipse(x, y, w, [h])
在荧幕上画个椭圆形

3.6 translate(x, y, [z])
定义在显示窗口内平移物件的量。x 参数将定义左/右平移,y 参数将定义上/下平移。

3.7 rotate(angle, [axis])
将一个形状根据参数所定义的角度旋转。

3.8 rect(x, y, w, h, [tl], [tr], [br], [bl])
在荧幕上画个方形。方形是每个角都为九十度的四边形。在默认上,前两个参数将定义位置而第三和第四个参数将定义形状的宽度和高度。

3.9 resetMatrix()
将现有的矩阵替换成单位矩阵。

4.不足:
没有做到变速的效果,只做到了匀速的效果,没有实现百分百临摹。

5.临摹成果展示
互动媒体 动态图形临摹

6.拓展

改了几个参数
互动媒体 动态图形临摹

相关文章: