和我一起学习Processing全系列--01 Processing 介绍

本系列文章参考官方网站，《爱上processing》和《Processing编程学习指南(第2版)》

一：Processing 是什么？

Processing是一种交互式的软件和框架，语法类似于java，用于学习如何在视觉艺术中进行编码。自2001年以来，有数以万计的学生、艺术家、设计师、研究人员和爱好者使用Processing技术进行学习和原型制作。在生活中你往往会看到一些令你惊奇的酷炫视觉效果作品，如电脑音乐播放器中那随声舞动的绚丽动画、各国博物馆墙壁上悬挂的一幅幅抽象艺术画，这些美妙神奇的作品都可以通过Processing来实现。

它的特点是：

1. 开源的，免费下载。
2. 可以和2D, 3D, PDF, or SVG output等多种媒体进行交互。
3. 集成了OpenGL，大大的提升了2D和3D的性能。
4. 跨平台： GNU/Linux, Mac OS X, Windows, Android, and ARM
5. 丰富的学习资料，开发社区和书籍较多。
6. 

   Processing需要掌握基本的编程概念，如变量，函数，条件语句，循环，数组、面向对象等。这个在后面再细讲。

   二、Processing IDE 下载

   打开https://processing.org/download/官网下载地址，根据使用的电脑操作，下载对应的IDE。
7. 
8. 下载后，不用安装，打开里面的processing.exe，即可运行IDE
9. 

10. 各部分作用如下：

三、2D图形绘制

  1，坐标系，Processing默认坐标系的原点（0，0）是屏幕左上角，x轴向右增大，y轴向下增大。调用不同的函数，在不同的坐标点可以画出想要的2d图形。

一些常见的属性设置函数有：

Size（300，200）：运行对话框的大小是300*200。

Background(r,g,b)： 背景颜色值。

noStroke()和stroke()： 禁用或填充图形边框颜色。

noFill()和fill()：禁用或填充图形内部颜色。

Fill(r,g,b,a)：填充r、g、b颜色和a透明度。

strokeWeight(x)：边框画笔尺寸。

 

有这些属性设置函数和上面的绘制函数，就可以在Processing里画上不同颜色，不同形状的2d图形了。

四、Processing程序运行流程

主要是两个函数，void setup()和void draw（），有的中间要加上 void update（）；

代码是如何运行的？当你运行一个程序，它会严格地按照指令运行：首先执行setup()中的代码，然后执行draw()中的代码。这个运行顺序就像这样：

1a,1b,1c,2a,2b,2a,2b,2a,2b,2a,2b…   

setup()中的代码运行一次，一般把变量初始值放在里面。draw（）中的代码不断循环，把需要循环变化的代码放在这里面。

例子：

五、Processing 中的范例

打开Processing IDE skech  文件中的范例程序，里面包含了大量的范例，运行它们看看，感觉下Processing的强大吧。

Processing 有很多方面的应用，还可以参考官方案例https://processing.org/exhibition/