和我一起学习Processing全系列--03 运动和交互

在第一篇中，学习了如何绘图，我们现在学习如何让图形运动起来以及Processing中鼠标、键盘等事件交互方式。

一、运动

把2d图形中的坐标点设置为变量，在draw（）函数中，让变量不断的变化，那么2d图形就动起来了。这里面涉及到更多的是数学的运用。

随着x值的不断加1白色小球会不断的向右移动。

二、常用的一些数学函数

模数、概率、Perlin噪声、map()、三角形、递归等。

1, 模数：取模运算，就是求余数，如：

2, 随机数：用random()函数，注意计算机生成的伪随机数，一般要加上时间变量生成真正的随机数。

3, Perlin噪声：它可以生成一系列的自然序列（也就是连续序列）的伪随机数。Perlin噪声可以用来生成一些列非常有趣的效果，包括云状物、风景、大理石纹理等。

4, map（）函数：可以把数值固定在某个区域之间。它包含的参数意思如下所示：map(sensor,65,324,0,255)

5, 角度

  数学中一般是用角度为单位，在编程语言中，一般用弧度表示。弧度=2Π*角度、360。Processing中用radians()函数可以交角度自动转换为弧度。初中的几何要捡起了，正弦、余弦、正切等。这些在振荡波形中运用非常广泛。

6， 递归

Processing中生成艺术经常用的算法就是递归，简单说就是自身不断的裂变，如1生成2，每个2又变成4，依次递归。图形中不断的递归自己叫分型算法。

• 鼠标、键盘事件交互

在Processing文档中可以看出鼠标、键盘的交互函数有哪些

mouseButton有LEFT和RIGHT，代表鼠标左键和右键。mouseX、mouseY代表鼠标点的x、y值。鼠标有点击，拖拽，释放，滑轮等不同事件类型。键盘的属性值key,keyCode可以代表键盘上不同的按键。有按下和释放两种事件类型。

 

通过鼠标和键盘的交互，可以做出鼠标跟随，方向键移动等多种人机交互效果。