Processing笔记

一、Processing是什么
  1. processing的创作之初的目的是在视觉艺术圈内普及编程能力;在技术圈内普及视觉创作艺术能力。

  2. 可以输出2D的pdf文件,3D的obj文件。

  3. 目前processing有100多个核心库。

二、Processing的安装、库、运行模式、范例和工具
  1. 安装:直接从processing官网上下载相关的版本解压即可运行。

    1. 在document目录下processing文件夹会生成一系列模板和库的文件夹。如果没有下载文件夹是空的。

    2. 理论上可以通过processing去下载相关的案例或者库也可以从网上下载把文件复制进去。

  2. 偏好设置:

    1. 速写本位置,就是工程的目录,默认在Document/Processing目录下。

    2. 为了在编辑器下可以使用中文需要在编辑器和控制台字体中选择“宋体”,方便写注释。

三、Hello World
  1. println("Hello world"); //可以在控制台输出Hello world

  2. 新建立的脚本存放在AppData/Local/Temp/***目录下,保存后放在偏好设置中的目录下以命名的文件下.pde文件时脚本文件。

  3. 默认运行一个100*100的窗口。

四、在手机上安装Processing编辑器

手机上也是有Processing的编辑器的,无论Android还是IOS系统都可以从应用商店下载安装processing。

五、点 线 面
  1. Ctrl+R 是运行的快捷键。

  2. 注释代码是在每行代码前加上“//”。

  3. Processing窗口的坐标系是左上角是(0,0)。

  4. 画线的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);

  5. 编程语言与人工语言一样有自己的词汇、语法和修辞等等。对每一种编程语言而言,我们都可以把它们看成包含语法、词汇和含义的一套规范,这些规范通常还包括数据和数据结构、指令以及流程。

  6. Ctrl+T 语法对齐。

  7. 两个重要的生命周期函数 初始化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:
  1. 代码自动补全 在个人偏好中设置,如果没有生效,需要手动更改Processing的配置文件(查找pdex.completion和pdex.completion.trigger这两行文字,把false都改成true,,然后先关闭processing再保存txt并关闭。)。

  2. 选中一个内置函数后右击,找到“在参考文档中搜索”可以打开API索引。

  3. 打开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

点赞

发表回复

昵称和uid可以选填一个,填邮箱必填(留言回复后将会发邮件给你)
tips:输入uid可以快速获得你的昵称和头像