一些常用技巧总结:
Tweak模式
快速查找函数用法
显示与输入中文注释
代码快速对齐
批量添加注释符
Tweak模式
Tweak模式是非常有用的功能,自3.0版本后,它就正式整合到Processing中。
程序中图像元素的大小、比例、角度等,都由具体的参数控制。要使画面更具美感,单用代码来确定结构是远远不够的,调参同样重要。
在没有Tweak模式诞生前,要调出一个让人满意的效果,需要反复开启程序来观察结果。而熟悉Gui的朋友,也可以通过Gui控件来对特定的变量来进行观察。但是这些方法还是有些繁琐。
Tweak模式,可以用最快捷的方式做到所见即所得。
使用方法
使用前,需要将代码保存到本地。接着点击菜单栏中的“速记本-调整”。
这样程序就会在Tweak模式下运行,源代码中的drawing部分,带下划线的参数都是可以实时调控的。
针对一些控制色彩的参数,右方会有一个矩形按钮,点击它会弹出一个拾取器,修改颜色会同步影响执行窗口。
而其它参数,可以直接左右拖动来实时调控。
注:参数的精度会影响调控的幅度范围。当希望调控参数时,数值变化更微小,可以在后面添加一个小数点。例如将例子中圆的直径从200改成200.。
1 floateyeX,eyeY,eyeD;2 floatbrow1X,brow1Y,brow2X,brow2Y;3
4 voidsetup()5 {6 size(300, 300);7 }8
9 voiddraw()10 {11 background(0);12 stroke(255);13 strokeWeight(2);14 float l = 200;15 noFill();16 ellipse(width/2,height/2,l,l);17 brow1X = 162; brow1Y = 136;18 brow2X = 192; brow2Y = 116;19 line(brow1X,brow1Y,brow2X,brow2Y); //20
21 line(width - brow1X,brow1Y,width -brow2X,brow2Y);22
23 eyeX = 172;eyeY = 139;24 eyeD = 13 * random(1);25 ellipse(eyeX,eyeY,eyeD,eyeD);26 ellipse(width -eyeX,eyeY,eyeD,eyeD);27 line(width/2 - 20,180 + 7 * random(-1,1),width/2 + 20,179 + 7 * random(-1,1));28 }
参考代码
函数用法查找
很多时候我们想了解Processing中某类函数的用法,可以选择菜单栏下的“帮助-参考文档”。根据分类,就可以迅速找到你想看的函数和对应的示例。
尽管呈现的方式是网页的形式,但实质是本地文件,无需联网。
除此之外,还有一个方法可以直接跳转到具体的函数说明
显示和输入中文注释
可以在菜单栏的“文件-偏好设置”,在“编辑台和控制字体”中,选择一种支持中文显示的字体。同时点选“启用复杂文字输入”。
代码快速对齐
快捷键Ctrl+T,可以一键快速对齐代码。(mac上为command+T)
批量添加注释符
有一个快捷键可以批量添加注释符,快捷键Ctrl+/。若要取消注释,只要重新选中并重复这个快捷键。