
上QQ阅读APP看书,第一时间看更新
1.1 Processing介绍与使用
Processing是目前市面上对学习交互设计的初学者最为友好的编程软件了。它除了界面简洁、操作方便、可免费下载和使用外,国内外还有许多成熟的网络社区,方便学习者之间的沟通与交流。如果你的电脑上还没有这个神奇的软件,那么可以打开浏览器,在地址栏中输入https://www.processing.org/download/后按Enter键,就可以看到Processing的下载页面了,根据自己的系统选择相应的版本进行下载安装即可(图1.1.1)。

图1.1.1 Processing下载页面
打开安装好的Processing,会看见它的PDE(Processing Development Environment)的界面(图1.1.2),以后的所有代码编写和工程运行都是通过这个界面上的操作来完成的。它大致分为工具栏、文本编辑区和文本控制台三大区域,利用界面上的播放和停止按钮可以运行和停止程序,其他的相关功能在以后的使用中会陆续为大家介绍,在Processing中编写的每一个页签或工程被称作Sketch(草图),保存工程后会自动生成名字与页签名一样的文件夹,而工程源文件就被放入这个文件夹中,工程会以后缀为“*.pde”的文件格式保存。

图1.1.2 Processing的操作界面
在保存好工程(Sketch)之后,单击界面中的“运行”按钮,就开始工程,虽然我们这个工程里一个字也没有写,但这并不影响它的运行(图1.1.3)。

图1.1.3 Processing的运行界面
Processing的界面学习到这里就足够满足我们的初级需求了,更多功能会在后文中慢慢向大家介绍。