玩命加载中 . . .

Processing笔记02—第一行代码


Processing的开发环境「Processing Development Environment,缩写为PDE」我们已经安装完成,现在就可以开始编程了。

PDE开发环境介绍

以Windows版本为例,运行PDE,你会发现外观跟Arduino的IDE有些类似。Processing源文件后缀名为.pde,而早期的Arduino文件也是以次为后缀的。

运行PDE

PDE界面由四部分组成:菜单栏、工具栏、代码编辑区、控制台。其中工具栏的运行和停止按钮是使用最频繁的。我们编写代码后,点击运行,屏幕会出现显示窗口,来展示运行结果。现在我们没有编写任何代码,点击运行后,会显示默认的100*100的灰色空白窗口。

默认空白窗口

第一行代码

我们在代码编辑区写下第一行代码:

ellipse(60,60,80,80);

点击运行,会在显示窗口中看到一个圆形。

圆

我们使用ellipse()函数来画椭圆,指定圆心坐标,当后面两个参数相同时,画出来的就是圆形。我们知道Arduino的程序一般有两个函数:setup()和loop()。类似的,我们的Processing程序也有两个重要函数:

  • setup():程序启动只执行一次。
  • draw():在setup()函数执行后循环执行。

我们写一个规范点的程序:

void setup()
{
  size(700, 400); //设置窗口大小
  background(255); //设置背景颜色
}

void draw()
{
  fill(random(255), random(255), random(255)); //设置填充色,RGB颜色随机产生
  ellipse(mouseX, mouseY, 80, 80); //以鼠标坐标画圆
}

运行程序,会看到随着鼠标移动,会画出不同颜色的圆。

变化的圆

我们使用「Ctr+S」对程序进行保存,在菜单栏的「文件」中,点击「输出程序」,你的代码会被打包成独立文件,PDE会根据你的选择创建Windows、Mac、Linux程序。

输出程序

可执行文件

范例和文档

在菜单栏「文件」中,你可以找到很多的范例程序,可以参考这些例程,你可以打开并运行查看显示内容。

范例

在代码编辑区,对你不熟悉的函数右键,选择在参考文件中搜索,或者在「帮助」中,都可以打开引用文档。文档默认保存在你PDE的安装目录中。

引用文档

当你不清楚函数的用途,或者参数、返回值、用法时,可以去查看文档,这是最好的学习资料了。


关注公众号「TonyCode」,更多精彩分享。

扫码关注


文章作者: Tony
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Tony !