Processing入门指南/程序结构
新的代码
编辑void setup() {
size(480, 120);
}
void draw() {
if (mousePressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}
上面的代码就是这一节要达到的效果。可以看到它比上一节的一行代码要复杂很多,不止语句更多,还有一些复杂的结构。
运行一下
编辑单击工具栏上的运行按钮,将弹出显示窗口。将鼠标滑过窗口,会看到如下演示效果。
- 画布大小是480×120像素,比前面例子中默认的画布大
- 圆形会随着鼠标移动,并在屏幕上留下轨迹
- 当按下鼠标左键,圆形的填充由白色变成黑色,松开后又变回白色
代码结构
编辑void setup() {
size(480, 120);// 画布的大小被修改为长480,宽120.
}
void draw() {
if (mousePressed) { fill(0);// 假如(if)鼠标点击(mousePressed),填充颜色修改为黑色(0, 0, 0) } else { fill(255);// 如果例外(else)(这里指鼠标没有点击),填充颜色为白色(255, 255, 255) } ellipse(mouseX, mouseY, 80, 80);// 现在绘制一个圆(ellipse),位置上,横向为鼠标的位置(mouseX),纵向也是鼠标的位置(mouseY),半径为80
} 注:在Processing语言中,横向位置为X,纵向距离为Y,颜色填充为RGB设置(red, green, blue).