【03】processing-坐标(中文)

在我们开始编程和处理之前,首先要回顾一下数学坐标系,拿出一张图表,画一条线。两点之间的最短距离是一条很好的老式线,这就是我们从图纸上两点开始的地方。

【03】processing-坐标(中文)【03】processing-坐标(中文)

 

上图显示了点a(1,0)和点B(4,5)之间的一条线。如果你想让你的一个朋友画同一条线,你会大声叫他们说“请画一条从一零点到四五点的线。”好吧,现在,假设你的朋友是一台电脑,你想让这个数码朋友在屏幕上显示同一条线。同样的命令也适用(只有这一次,你可以跳过寒暄,你将需要采用精确的格式)。在这里,说明如下:

 

line(1,0, 4,5);

即使没有研究过编写代码的语法,上面的语句也应该是相当有意义的。我们提供了一个命令(我们称之为“函数”或者“功能”),让机器跟随标题为“线”的命令。此外,我们还指定了一些参数,说明如何从点a(1,0)到点B(4,5)绘制该线。如果你把那一行代码看作一个句子,那么函数就是一个动词,参数就是句子的对象。代码语句也以分号而不是句号结尾。

 

 

绘制 一条线 从(1,0)到(4,5)

【03】processing-坐标(中文)

这里的关键是要认识到电脑屏幕只不过是一张更漂亮的相纸。屏幕上的每个像素都是一个坐标-两个数字,一个“x”(水平)和一个“y”(垂直),这两个数字决定了一个点在空间中的位置。我们的工作是指定哪些形状和颜色应该出现在这些像素坐标上。

 

不过,这里有一个问题:

数学中的(“笛卡尔坐标系”)放在(0,0)中心,y轴向上,x轴向右(正方向,负方向,左下)。

但是,计算机窗口中像素的坐标系沿y轴反转。(0,0)可以在左上角找到,x轴正方向水平向右,y轴垂直向下。

 

【03】processing-坐标(中文)

 

重要提示:

电脑坐标系中看不见的其他三个区域可以正常使用,只不过是看不见而已。如果看不见区域有很多对象,意味着计算机的内存消耗也在增加,所以这里会遇到计算机硬件性能的问题,所以跑到可见区域外的对象,我们尽量把他销毁。