Intro

此章节开始介绍了如何在各个操作系统下安装Processing软件。

另外,学习编程的最快方法不是阅读,而是动手实践!

Your First Program

屏幕快照 2017-03-18 13.57.28

Processing最新版是Processing 3.3。这个软件是Processing的开发环境PDE(Processing Development Environment),就像Java的Eclipse,Swift的Xcode。界面异常简洁,不像其他IDE一样一打开就是一大堆不明所以的按钮菜单,LOL。所以表怕,Processing应该非常好上手。白色区域编辑代码,左上方两个按钮为运行,停止运行。下方黑色区域是控制台,用于输出调试信息。也可以点击Errors查看当前代码中存在的语法错误。

Example 2-1: Draw an Ellipse 画一个圆

屏幕快照 2017-03-18 13.58.07

代码效果:圆心坐标(50,50)宽高都为80px;

语法:ellipse(圆心x轴坐标, 圆心y轴坐标, 宽, 高);

Example 2-2: Make Circles 点击鼠标 让圆变色

屏幕快照 2017-03-18 17.14.08

代码效果:圆心在鼠标坐标,宽高80px,圆是白色,点击鼠标变成黑色。

void setup()    方法调用,软件运行只调用一次,用于设置画布等初始状态。

void draw()    方法调用,每秒30帧循环执行,可更改帧率,在画布上每秒绘制30次。

size();    画布大小

fill();    填充颜色 要先填充颜色 再绘制要填充的图形

ellipse();    画圆

mousePressed    鼠标被按下

mouseX    鼠标当前x轴坐标

mouseY    鼠标当前y轴坐标

0 – 255    黑色 – 白色

Show

运行快捷键:Cmd + r

停止:Esc

Save and new

快捷键:Cmd + s

文件格式:.pde

Share

快捷键:Cmd + Shift + e

输出成一个可双击运行的文件,以供分享。

Examples and Reference

Processing里有多个案例代码可供使用,在file – examples目录下。

在代码编辑器中鼠标右键方法名并点击查询引用,即可跳转到该方法的文档说明。

总结

本章介绍了Processing的界面,并展示了两段简单的代码,分别是画圆,和通过鼠标实时影响图形绘制。我还记录了一些快捷键,这些快捷键和其他IDE的几乎一样,所以很好记。

Advertisements