一、Processing是什么
-
processing的创作之初的目的是在视觉艺术圈内普及编程能力;在技术圈内普及视觉创作艺术能力。
-
可以输出2D的pdf文件,3D的obj文件。
-
目前processing有100多个核心库。
二、Processing的安装、库、运行模式、范例和工具
-
安装:直接从processing官网上下载相关的版本解压即可运行。
-
在document目录下processing文件夹会生成一系列模板和库的文件夹。如果没有下载文件夹是空的。
-
理论上可以通过processing去下载相关的案例或者库也可以从网上下载把文件复制进去。
-
-
偏好设置:
-
速写本位置,就是工程的目录,默认在Document/Processing目录下。
-
为了在编辑器下可以使用中文需要在编辑器和控制台字体中选择“宋体”,方便写注释。
-
三、Hello World
-
println("Hello world"); //可以在控制台输出Hello world
-
新建立的脚本存放在AppData/Local/Temp/***目录下,保存后放在偏好设置中的目录下以命名的文件下.pde文件时脚本文件。
-
默认运行一个100*100的窗口。
四、在手机上安装Processing编辑器
手机上也是有Processing的编辑器的,无论Android还是IOS系统都可以从应用商店下载安装processing。
五、点 线 面
-
Ctrl+R 是运行的快捷键。
-
注释代码是在每行代码前加上“//”。
-
Processing窗口的坐标系是左上角是(0,0)。
-
画线的API是line(x1,y1,x2,y2); 设置边框颜色是stroke(R,G,B);// 0~255 画点的API是point(x,y);//点的面积很小通常我们使用画圆的方式来代表点:ellipse(x,y,Rx,Ry);//Rx在x轴上的直径。 设置填充的颜色API:fill(R,G,B);
-
编程语言与人工语言一样有自己的词汇、语法和修辞等等。对每一种编程语言而言,我们都可以把它们看成包含语法、词汇和含义的一套规范,这些规范通常还包括数据和数据结构、指令以及流程。
-
Ctrl+T 语法对齐。
-
两个重要的生命周期函数 初始化void setup() 循环void draw() . 8. 设置窗口的尺寸 size(x,y); 获取窗口的尺寸 width,height ; 获取鼠标的位置 mouseX,mouseY。 9. 在draw函数中设置清除色 background(r,g,b); 移除边框noStroke();
*常用的API;(全部API索引编辑器帮助中也能找到)(中文文档)
setup() |
processing生命周期函数,初始化使用 |
|
draw() |
processing生命周期函数,每帧调用 update |
相关函数noLoop(),loop(),redraw() |
size(x,y) |
设置运行窗口的尺寸 |
|
line(x1,y1,x2,y2) |
两点直接的直线 |
|
point(x,y) |
点 点只有一个像素,不常用 |
|
ellipse(x,y,D1,D2) |
样条曲线 |
矩形rect();三角形triangle();四边形quad();圆弧arc(); |
noStroke() |
无边框颜色 |
|
stroke(R,G,B) |
边框颜色 |
strokeWeight(x)边框的宽度;strokeCap()直线收口方式;strokeJoin()折现转角设置; |
fill(R,G,B) |
填充颜色 |
一个int参数代表灰度;三个int是RGB;#FFFFFF是颜色;四个int代表RGBA alpha透明 |
background(R,G,B) |
窗口背景颜色 |
|
println() |
在控制台输出文本信息 |
|
saveFrame() |
把当前帧保存成图片 |
如果不指定路径就保存到脚本路径,默认图片名是从程序运行到第0帧当前帧的帧数。 |
beginShape() |
自定义图形 |
beginShape() vetex() endShape() curveVertex() |
mouseX |
鼠标指针在X轴的位置 |
|
mouseY |
鼠标指针在Y轴的位置 |
|
mousePressed |
鼠标所有按键是否被按下 |
|
width |
程序窗口的宽度,单位是像素 |
|
height |
程序窗口的高度,单位是像素 |
|
ps:
-
代码自动补全 在个人偏好中设置,如果没有生效,需要手动更改Processing的配置文件(查找pdex.completion和pdex.completion.trigger这两行文字,把false都改成true,,然后先关闭processing再保存txt并关闭。)。
-
选中一个内置函数后右击,找到“在参考文档中搜索”可以打开API索引。
-
打开VPN后就不能启动Processing了。 谨记!
*
相关资源
一朵processing的视频教程。 网易云 作者:暗流 https://study.163.com/course/introduction.htm?courseId=1209683803&_trace_c_p_k2_=5e45abad4cf44cb7a6e5d0570775a64d
中文《代码本色》视频。 哔哩哔哩 作者:能吃两个西瓜 https://space.bilibili.com/9004724/?spm_id_from=333.999.0.0
learning processing 视频教程。 YouTube 作者:Shiffman https://www.youtube.com/c/TheCodingTrain/videos