今天将坐标系，我感觉官网这个好极了。
坐标系统和形状由丹尼尔·史夫曼，出版由摩根考夫曼出版，2008年版权所有爱思唯尔公司保留所有权利。
坐标空间我们开始编程与加工之前，我们必须先引导我们的第八级的自我，拉出一张方格纸，画一条线。两点之间最短的距离是一个很好的老式线，这是在我们开始之前，连得两分，方格纸， 上面的数字显示之间的一条线点A（1,0）和B点（4,5） 。如果你的朋友想直接绘制相同的行，你会给他们一喊，说：“绘制一条从点零到四点五，请。” 那么，就目前而言，想象你的朋友是你想要一台电脑和指示这个数字的好朋友，在其屏幕上显示相同的行。适用于相同的命令（只有这个时候，你可以跳过客套，您将需要聘请一个精确的格式化）。在这里，该指令将看起来像这样：
线（1,0,4,5）;
即使没有研究编写代码的语法，上面的语句应该作出公正的量感。我们提供了一个命令（我们将称之为“功能”）的机器按照题为“行。” 此外，我们指定一些参数，那怎么行应制定，从A点到B点（4,5）（1,0）。如果您认为该行作为一个句子的代码，该函数是一个动词和参数的对象的句子。代码句话也用分号而不是句点结束。 这里的关键是要认识到，在计算机屏幕上是没有超过票友一张方格纸。在屏幕的每个像素的坐标-两个数字，一个“x”（水平）和“y”的（垂直） -空间中的点的位置决定。这是我们的工作，指定这些像素坐标应该出现在什么形状和颜色。 然而，这里有一个陷阱。坐标纸上放置从第八级（“笛卡尔坐标系”）（0,0）中的中心指向y轴和x轴指向右边（在正方向，负向下和向左）。Th电子的计算机窗口中的像素的坐标系，但是，沿y轴是相反的。（0,0），可以发现在顶部水平和垂直向下的正方向与左，右侧。
简单的形状绝大多数的编程实例，你会看到与处理视觉性。这些例子，在他们的核心，涉及绘制形状和设置像素。首先，让我们看四个基本形状， 每个形状，我们会问自己需要什么样的信息到指定的位置和大小，形状（以及后来的颜色），并学习如何处理预计将收到信息。在下面的图中，我们将假定一个窗口的宽度为10个像素，10个像素的高度。这不是特别现实，因为当你真正开始编码，你将最有可能的工作有更大的窗口（10×10像素勉强几毫米的屏幕空间）。不过出于演示的目的，它是不错较小的数字，以目前的像素，因为它们可能会出现在方格纸上（现在）为了更好地说明每一行代码的内部运作 一个点（）是最简单的。 形状和开始的好地方。要画一个点，我们只需要一个x和y坐标。 一个线（）是不是非常困难，只需要两点：（X1，Y1）和（x2，y2）的： 一旦我们到达绘制一个矩形（ ），事情变得更复杂一点。处理中，矩形的左上角的矩形，其宽度和高度以及所指定的坐标， 来绘制一个矩形的第二个方法涉及到指定的中心点，沿着其宽度和高度。如果我们喜欢这种方法，我们首先表明我们要使用“中心”模式的矩形本身的指令之前。注意处理是区分大小写的。 最后，我们还可以绘制一个矩形左上角和右下角两个点（）。这里的模式是“角落”。 一旦我们已经成为了舒适的概念画一个矩形，椭圆（）是一个单元。事实上，它是相同的，以正确的（）的区别是绘制椭圆形，矩形的边界框。将。椭圆（）的默认模式是“中心”，而不是“角”， 重要的是要承认，这些椭圆形不看尤其是圆形的。处理中有一个内置的方法，用于选择哪些像素应该被用来创建一个圆形的形状。缩放这样，我们得到了一堆的平方在一个圆圈状的花纹，但缩小在电脑屏幕上，我们得到了一个漂亮的圆形椭圆。处理也给了我们力量去开发我们自己的算法在个别像素着色（事实上，我们已经可以想像我们如何能够做到这一点使用“点”一遍又一遍），但现在，我们的内容让“椭圆形“的说法做的辛勤工作。（更多关于像素，开始与：像素引用页面，虽然被警告，这是一个伟大的交易比本教程更先进。） 现在，让我们的看一些代码形状更现实的设置，窗口尺寸200 200 。注意，这里使用的大小（）函数来指定窗口的宽度和高度。
size(200,200);rectMode(CENTER);rect(100,100,20,100);ellipse(100,70,60,60);ellipse(81,70,16,32); ellipse(119,70,16,32); line(90,150,80,160);line(110,150,120,160);
下课喽~
|
发表于 2013-5-15 21:59:25
发表于 2014-10-31 11:15:59