基于map函数生成星战片头动画

基于map函数生成星战片头动画

@(Processing学习日记)

–代码来自Daniel Shiffman

前面讲过生成动画的基本原理，核心在于定义物体的移动控制。

这个案例中，主要牵涉到的知识点有：

• translate(x,y)函数
• map(value,start,end,low,upper)函数

translate(x,y)

将坐标原点移动到指定的(x,y)点。

这个函数是一种方便用法，如果不用这个函数也能实现所有的移动位置计算，但是会稍微复杂一些。在计算一些数学问题时，我们知道适当的考虑将坐标系移动，将会简化问题。比如，以原点为圆心位置的圆，和任意位置的圆的计算问题，显然是以坐标原点为圆心的圆会更好计算。

map函数

一般map函数有5个参数。这个函数的意思很明显是要做一个值的范围映射。

第一个参数是要映射的值。
第二个和第三个参数是该值的上下限。
第四个第五个参数是该值映射后的上下限。

一般场景是，我们需要计算出