和我一起学习Processing全系列--01 Processing 介绍
本系列文章参考官方网站，《爱上processing》和《Processing编程学习指南(第2版)》
一：Processing 是什么？
Processing是一种交互式的软件和框架，语法类似于java，用于学习如何在视觉艺术中进行编码。自2001年以来，有数以万计的学生、艺术家、设计师、研究人员和爱好者使用Processing技术进行学习和原型制作。在生活中你往往会看到一些令你惊奇的酷炫视觉效果作品，如电脑音乐播放器中那随声舞动的绚丽动画、各国博物馆墙壁上悬挂的一幅幅抽象艺术画，这些美妙神奇的作品都可以通过Processing来实现。
它的特点是：
- 开源的，免费下载。
- 可以和2D, 3D, PDF, or SVG output等多种媒体进行交互。
- 集成了OpenGL，大大的提升了2D和3D的性能。
- 跨平台： GNU/Linux, Mac OS X, Windows, Android, and ARM
- 丰富的学习资料，开发社区和书籍较多。
Processing需要掌握基本的编程概念，如变量，函数，条件语句，循环，数组、面向对象等。这个在后面再细讲。
二、Processing IDE 下载
打开https://processing.org/download/官网下载地址，根据使用的电脑操作，下载对应的IDE。
- 下载后，不用安装，打开里面的processing.exe，即可运行IDE
-
各部分作用如下：
三、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/