Processing入门指南/初试身手

维基教科书,自由的教学读本
跳到导航 跳到搜索

接下来,你将创建自己的第一个Processing程序!

一段代码[编辑]

你或许已经对编程有所了解,传统的编程都是通过复杂、严苛的代码来实现的。Processing也是由代码编写的,但Processing的语法要简单得多。

试着在Processing中输入或复制如下代码:

ellipse(50, 50, 50, 50);

眼见为实[编辑]

你会在工具栏的最左端发现一个三角形的标记,就像CD机或MP3上的播放按钮。用鼠标按下它,稍等,你就会看到如下的效果:

Processing的输出效果

这就是刚刚那一行简单的代码所起到的作用。

抽丝剥茧[编辑]

现在我们已经用简短的代码实现了一个效果,那么它的含义是什么呢?

ellipse()是一个方法。方法能够完成某个行为,或一系列行为。这里的ellipse()方法的作用便是在窗口中画出一个椭圆。

ellipse()知道如何画椭圆,但我们怎样告诉它在什么地方,画一个多大的椭圆呢?这就需要参数。在ellipse()的括号中有四个参数(50, 50, 50, 50),分别代表椭圆中心的x坐标,y坐标,横轴长度,竖轴长度。

我们看到,效果窗口显示的是一个正方形的内容区域,它的大小是100×100像素。这是“画布”的默认大小,我们也可以自己设定一个合适的大小,这会在后面讲到。

修修改改[编辑]

你或许仍对代码抱有疑问,那么就让我们来修改一下参数,看看效果会发生怎样的变化。这能帮你更好地理解代码的作用。

ellipse(0, 50, 50, 50);
Processing 2.0 draw an ellipse 1.png
ellipse(0, 0, 50, 50);
Processing 2.0 draw an ellipse 2.png
ellipse(50, 50, 100, 50);
Processing 2.0 draw an ellipse 3.png
ellipse(50, 50, 100, 200);
Processing 2.0 draw an ellipse 4.png