日更第12期-2015-3-31-processing教程-翻译篇-第一讲-get started-从零开始-CSDN博客

从零开始

翻译自Processing官网tutorial中的get started

本篇教程适用于processing2.0及以上版本。如果您发现了任何错误或者有指教之处，请来信告知。
此处所讲的内容来源于Getting Started with Processing一书（中译：《爱上Processing》），
由Casey Reas和Ben Fry所写，于2010年由O'Reilly出版社出版。

欢迎来到Processing的世界！

千里之行，始于足下；想要开始学习Processing，首先需要把它安装好。
进入下面的网址：http://processing.org/download ，下载与你的计算机版本相匹配的Processing，
之后我们就可以开始工作了。

安装过程是很简单的：在Windows操作系统下，你会下载到一个.zip格式的文件，
双击并解压，你就可以使用Processing了。在其他操作系统下，也是大同小异的，
故翻译从略。如果你在安装时遇到了困难的话，请到Processing官网相应页面报告。

PDE
The Processing Development Environment.
Processing开发环境

你的第一个Processing程序

打开PDE后，你会发现：它的布局极其简约；那一片大的空白区域是文本编辑区域；顶端的一排按钮
则是工具栏；编辑器下方是你的消息显示区，用于显示提示信息；再下方是控制台，用于输出纯文本信息。

现在输入这么一行代码：

ellipse(50, 50, 80, 80);

这行代码的意思是“画一个原点距显示窗口左上角横纵各50像素的，宽高均为80像素的圆”。点击Run这个
按钮——就是长成这个样子的按钮，你就可以看到结果。

如果你没有犯一些拼写错误的话，展示窗口所显示的应该是这样的：

而如果你没有完全写对的话，消息区会变红并且会告诉你错误出在哪里。如果不幸出现了这种情况的话，
请确保你的拼写完全正确：数字需要包在括号里面，并用逗号隔开，而这一行的结尾需要有一个分号。
（非英语系统用户提示：请注意字符串及注释以外的输入必须是英文字符）

编程的一大难点就在于你必须精准地遵守语法，你不写清楚的话，Processing是不会懂的，它还没有聪明到
那个程度；其实，有的时候你甚至会觉得它实在是过于挑剔了——不过我相信，在和它打了足够久的交道
之后，你会慢慢习惯这一点的。

现在咱们来写点有意思的程序吧。把刚才的内容全都删掉，敲进下面的代码：

void setup() {
size(480, 120);
}

void draw() {
if (mousePressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}

这个程序做了些什么呢？它首先创建了一个480X120像素的展示窗口，之后再鼠标所在的地方画一个圆，
当你按下鼠标的任意键时，这个圆会变成黑色。一会儿之后，我们会详细讲解这些语句的含义；而现在，
你先运行这段代码，动动鼠标，体验一下吧。

展示

这个是停止按键，不过我猜你已经点击过了。

除了这些按钮，你也有别的选择，那就是菜单。（此处指的是sketch下的菜单）Ctrl+R是运行的快捷键，
而如果你点击Present键的话，就是全屏展示，它的快捷键是Ctrl+Shift+R。

保存键是相当重要的一个按键，它的标志是向下箭头；存储时，会调出系统自带的文本菜单，而默认的
存储位置是“sketchbook”，里面存着你的程序。点击打开按钮的话，也会从这里开始。

保存下你的程序是十分重要的——而随着你编写的程序数量的增加，给它们每一个都起上合适的名字是
极其必要的，不然你很可能找不到之前的版本。备份可是很重要的！

点击新建按钮也可以新建一个程序。

导出

如果你选择导出的话，Processing将把你的代码打包，并按照你正在使用的平台进行导出。通过这种
方式，你可以很简单的制造一个不依赖其他类库，双击即可运行的程序。其实在导出时，你可以切换不同
的模式。比如说，你可以把你的Processing改成JS模式来适应HTML5、WebGL平台，改成Android平台就可
以导出手机应用。只有点击Add mode就可以做到这些事情了，你值得拥有。

示例与参考

使用Processing进行编程意味着你需要在代码上下一番功夫：运行、修改、破坏然后增强它，直到它变得

脱胎换骨。请记住这一点：Processing这个软件可是包含了许多案例程序来展示它的特征的，是一个学习

的利器。如果你想打开一个案例的话，选择文档->案例(file->examples)。那里面的案例是分门别类整理

好的，比如：格式、运动、图片。找一个感兴趣的条目点击进去试试吧。

如果你发现其中有一些橘黄色的东西你不太明白的话（橘黄色代表它来着Processing类库），选择它的名字，

并在帮助菜单中点击“find in reference”（也可以选择右键菜单中的这一选项），你的默认网页浏览器就会跳出，

展示着你选择的内容的参考文档。这些内容在官网上也可以找到——不同的是，官网上的参考是基于最新版本；而

本机的参考文档是随着你打开的Processing版本的。

Processing的参考文档中的每一天都包括一条描述和案例。一般来说，参考程序都是比较短小的（4-5行），比

example里面的程序要更短也更好理解。我们建议，在你学习Processing或者编程的时候，要保持reference常开。

参考文档可以是以字母顺序排序的，也可以是以话题排序；而有的时候你用一下浏览器的文本查找功能则会更快。