平移,旋转和缩放
前言
在这一章节中,平移、旋转和缩放都是以原点为基准的。并且是通过控制坐标系原点的位置来达到图元平移,旋转、缩放的视觉效果。
作者在文中的原话是:
另一种在屏幕上改变位置和移动物体的技术是改变屏幕的坐标系。举例来说,你可以将一个图形向右移动50像素,你也可以将坐标 (0,0) 向右移动50像素,它们在视觉效果上是相同的。
所以说在 Processing 中的坐标是相对坐标系下的坐标,而不是绝对坐标系下的坐标。
函数
平移位置:translate(x,y);
旋转:rotate(angle);
缩放 scale();
压栈和弹出:pushMatrix() ,popMatrix()
当 pushMatrix() 函数运行的时候,它保存当前坐标系的备份,然后当调用popMatrix()的时候还原。
举例
更好地理解相对坐标系的概念,分析一下移动,然后再旋转和旋转然后再移动两种不同的效果。
移动,然后再旋转
程序如下:
void draw()
translate(mouseX,mouseY);
rotate(angle);
rect(-15,-15,30,30);
angle+=0.1
}
首先运行了 translate() 函数,将目前的坐标定位在了 (mouseX,mouseY) 「绝对坐标」处,然后再进行绕着(mouseX,mouseY)「绝对坐标」这一点,旋转 angle 的角度。
旋转,然后再移动
程序如下:
void draw(){
rotate(angle);
translate(mouseX,mouseY);
rect(-15,-15,30,30);
angle +=0.1;
}
首先,先绕着原点旋转 rotate 所表示的角度,然后再将其位置改变为 (mouseX,mouseY),在这个过程中,不断进行下去。在这个程序中,图元一直是绕原点旋转的。