|
起始篇,欢迎来到Processing
本教程适合于Processing2.0及以上版本。如果您发现有任何错误或者有什么建议,请联系我们。本教程改编自《Getting Started with Processing》,由Casey Reas和Ben Fry编写,Reilly出版社2010年五月出版
开始请问http://processing.org/download并根据您的计算机使用的系统选择Mac、Windows或者Linux版本。软件安装非常简单:
Windows系统,只需要获得.zip文件,解压后放在硬盘中的一个文件中,可以使系统文件,也可以是桌面。然后双击文件里面的Processing.exe开始。
Mac OS X版本同样是一个.zip文件,解压后将Processing图标拖动到程序文件夹。如果您使用的是其他系统无法修改程序文件夹,只需要将程序拖动到桌面。然后双击Processing图标开始。
Linux版本的是一个.tar.gz文件,适合于大多数Linux用户。下载这个文件到主目录,然后打开终端窗口,类型是:r xvfz processing-xxxx.tgz(XXXX表示余下的文件名,就是那个版本号。)将会创建一个Processing-2.0或者类似的名称的文件夹。然后改变到这个文件夹:cd processing-xxxx,然后运行./processing
运气好的话,Processing主窗口就可以看到了。每个人的设置不同,所以如果程序没有开始的话,或者程序卡住,请访问故障诊断页面寻找可能的解决方法。
Processing开发环境
你的第一个程序
现在现在运行Processing开发环境(PDE)。这儿没有太多的东西,最大的区域是文本编辑区,在他的顶上有一排按钮,既是工具栏。在编辑区下面就是信息区,再下面就是控制台。信息区用来显示一行信息,控制台用于更多的技术细节。
在编辑区,写下:
ellipse(50,50,80,80);
这行代码的的意思是:“画一个椭圆,中心距离左边50个像素、距离上面50个像素,宽和高均为80个像素”。单击运行按钮,单击按钮是这个样子的:
如果你正确的输入了所有代码,你将会看到这个东西出现在显示窗口:
如果你没有正确输入,信息区就会变红,并指出错误之处。如果真的这样子了,你就要确认是否正确的复制了这个例子的代码:数字需要用括号括起来,每个数字之间要有逗号,每行需要有分号结束。
开始编程最重要的就是你必须要非常的细心。Processing软件不一定能够聪明的知道你的意思,并且对标点符号的位置十分挑剔。稍加练习你就会习惯。
下面我们将跳到一个有点令人兴奋的草图,删除上一个例子的代码,然后试试这个:
void setup(){
size(480,120);
}
void draw(){
if (mousePressed){
fill(0);
}else {
fill(255);
}
ellipse(mouseX,mouseY,80,80);
}
这个程序创建了一个480像素宽、120像素高的窗口,然后在鼠标的位置画一个白色的圆圈。当按下鼠标后,圆圈变为黑色。稍后我们将详细解释程序中的原理。现在,运行代码,移动鼠标,单击体验一下。
显示
到目前为止,我们只是用了运行按钮,可能也许你已经猜到,他旁边的这个就是停止按钮:
如果你不想用这个按钮,你可以用草图菜单,上面显示快捷键是Ctrl-R(在Mac中是Cmd-R)。菜单中运行下面就是呈现(Present),它将剩下的屏幕都清理干净并呈现草图:(PS:就是锁定屏幕,运行草图。)
你也可以通过按住Shift键单击运行按钮来使用工具栏上面的呈现。
保存
接下来就是很重要的保存命令。就是工具栏下面的向下箭头:
同样可以在文件菜单中看到它。默认情况下,你的程序保存到“sketchbook”(写生薄),这个文件夹收集你的程序便于访问。单击工具栏上的打开按钮(向上的箭头)将会弹出写生薄中所有草图的列表,以及一个例子列表,例子在Processing软件安装后就有:
这同样是一个用来保存草图的好办法。入股哦你想尝试一个不同的东西,只需要用不同的名字保存,就可以回到早前的程序。这是非常有用的,如果——不,当有些失败的时候。在草图菜单下面的显示草图文件夹下,你还可以看到草图存放在磁盘的什么位置。
通过点击工具栏上面的新建按钮,你可以创建一个新的草图:
分享
Processing的另一个主题就是分享,工具栏上的输出申请按钮:
将会把你的代码打包根据你选择的Mac、Windows或者Linux进行申请。浙江很容易使独立设设备双击运行你的项目版本。(就是别人弄过去就能用!)
输出申请菜单
同样你可以在文件菜单中找到输出申请。
除了将你的代码输出为一个应用程序,你还可以选择不同的Processing模式输出到其他平台。例如,将JavaScript模式输出到HTML5 Canvas和WebGL,还可以用Android手机的平板电脑改变到Android模式输出申请。(PS:我没怎么搞懂)
例子和说明
学习用Processing编写设计大量代码的程序:运行,更改,破坏,增强它,直到你将它重塑陈新的东西。基于这种想法,Processing下载的几十个例子包含这个软件的不同特性。要打开一个例子,需要在文件菜单或者PED的打开按钮中选择例子。例子按照其特性分类,如:形式、动作和图像。在列表中找一个感兴趣的主题,试一试例子。
看到程序中某个橙色部分你不熟悉的话(橙色意味着他是Processing的一部分),选择这个名字,然后点击帮助菜单中的“查找手册”。你也可以右击文本(Mac上Ctrl-click)再出现的菜单中选择查找手册。这将在浏览器中打开选择代码原理的手册部分。手册同样是在线的。
Processing手册中的每个代码原理解释都用了一个描述和例子。参考程序尽可能的短(通常是四五行)跟简单,在示例文件中比长代码更容易找到。当你阅读这本书或者编写程序的时候,我们建议您打开这个参考手册。可以靠主题或者字母导航,有时候在浏览器中搜索能最快的编写一个文档。
这个手册是准备写给初学者的,我们希望能使它更清晰易懂。对于那些这些年来发现其中的错误并指出来的人们,我们非常感谢!如果你认为你可一改善一个参考条目或者你发现了有错,请通过点击每个手册页面顶端的连接告诉我们。 |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?注册
x
|