正在加载
请稍等

菜单

Home 码农菜园 前端视界 我的PG-正弦余弦波
Home 码农菜园 前端视界 我的PG-正弦余弦波

我的PG-正弦余弦波

前端视界 by   阅读量 3,142

开个“我的PG”系列,也就是我的Processing Gallery,用来放一些不错的Processing可视化案例。

以下是一个利用sin()和cos()画出来的图,虽然没什么实际意义,但是看起来很美,先上代码。

画出来的图类似这样。

正弦余弦波

来研究一下代码,incr表示x轴和y轴上的增量,h和strt用来设置线的颜色,count对点计数。

在setup()里面,将颜色模式设为HSB,后面四个参数分别表示最大hue、最大saturation、最大brightness和最大alpha。strt随机取80~360,后面会根据count和strt决定每个点的颜色。

在draw()里面,对每个y画一条曲线,直到y从-3增加到3,增量为incr。水平方向上,每条曲线都是一个循环,从左至右对每个x画点,也就是调用一次drawWing(x, y)。

在drawWing(x,y)函数里,x、y都属于-3~3,经过映射后得到实际图像位置的x2和y2,即点的位置确定,同时增加计数变量count,并根据当前count确定点的颜色。然后根据颜色和位置调用point()画点即可。

如果鼠标点击,所有变量将重置,动画将重头开始。

25 2016-06

发表评论