和我一起学习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全系列--01 Processing 介绍_第1张图片

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

    二、Processing IDE 下载

    打开https://processing.org/download/官网下载地址,根据使用的电脑操作,下载对应的IDE。
  7. 和我一起学习Processing全系列--01 Processing 介绍_第2张图片
  8. 下载后,不用安装,打开里面的processing.exe,即可运行IDE
  9. 和我一起学习Processing全系列--01 Processing 介绍_第3张图片
  10. 各部分作用如下:

和我一起学习Processing全系列--01 Processing 介绍_第4张图片

三、2D图形绘制

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

和我一起学习Processing全系列--01 Processing 介绍_第5张图片

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

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();

和我一起学习Processing全系列--01 Processing 介绍_第6张图片和我一起学习Processing全系列--01 Processing 介绍_第7张图片

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

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

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

例子:

和我一起学习Processing全系列--01 Processing 介绍_第8张图片

五、Processing 中的范例

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

和我一起学习Processing全系列--01 Processing 介绍_第9张图片

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

你可能感兴趣的:(Processing)