从零开始
翻译自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常开。
参考文档可以是以字母顺序排序的,也可以是以话题排序;而有的时候你用一下浏览器的文本查找功能则会更快。
参考文档是面向初学者的,旨在简明易懂。我们很感谢那些历年来发现错误并向我们上报的参与者。如果你认为你
可以提升一条reference或者发现了它的纰漏的话,请务必告知我们。