![32c99f9cf2a89c8c9903b039406fc30a.png](https://i-blog.csdnimg.cn/blog_migrate/906febc0c3218998ea2fbb4f522833aa.png)
Processing的起源
Processing诞生于美国麻省理工学院媒体实验室(MIT Media Lab)的美学与计算机研究小组,Casey Reas 和 Benjamin Fry发起了该项计划。![a3a643e04154c9a3a74cc61f780362cd.png](https://i-blog.csdnimg.cn/blog_migrate/0967813b466bcc5ef6e5abd922621b01.png)
![abb9d20dc3e81633f65dfd1903c8b896.png](https://i-blog.csdnimg.cn/blog_migrate/e49ea02c526f9ffb993e807b0480be6f.jpeg)
Processing的使用人群
Processing起初是专门为 视觉交互 和 媒体艺术设计 而创建的,它是面向 艺术家 和 设计师 所开发的语言。 在创意性行业中,工具会影响创作过程进而影响创作结果。,一位创意工作者都有自己所擅长的一种或多种工具。Processing的特点
开源而简洁
许多初学者的第一道大坎,可能就是开发环境的配置和开发软件的安装:他们兴致勃勃的去下软件,但首先要付一笔费用;付完费 按下好文件按照教程去安装,发现操作系统不兼容;好不容易下好软件,搞定了兼容 问题,却发现电脑配置不行,软件根本跑不动。。 而使用Processing则完全没有此类顾虑,你可以在官网轻松下载 到主流操作系统对应的processing安装包,最新版本对应windows 64位操作系统的安装包体积也只有122M,解压processing安装包后, 直接打开程序就可以开始创作了。下载-安装-写代码-生成一个圆,这个过程只要1分钟
容易上手,完全开源,界面简洁,基于视觉,这就是processing。资源丰富
Processing的官网不只有软件安装包,也有丰富的学习资源和参考案例。官网将大量的开发者,艺术家和创意编程者聚集在一起,通过公开交流创意和作品来实现代码的共享,你想要的大部分学习 文档和教程都能在这里轻松找到。首页的教程
众多应用案例
应用广泛
虽然安装包体积小,但Processing的应用则十分广泛,它可以用来制作网络应用,各种视觉作品;也可以和Arduino,Kinect,OpenCV等平台结合,创作各种艺术装置和公共空间的展览装置,这些我们会在下文详细介绍。Open Processing首页,有许多用P5.js创作的优秀作品
网站可视化
Processing的部分应用
虽然一开始Casey Reas 和 Benjamin Fry将processing看是一个代码素描本,主要用于算法动画的制作和即时的交互反馈。 但因为其本身简单易用的特点,除了视觉设计,原型开发等领域,越来越多的开发者也会将其用于复杂数据可视化,交互动画制作等。 由于篇幅原因,以下只列举一些视觉和交互装置方面的应用。创作视觉作品
说起使用processing创作的优秀的视觉作品,可能三天三夜都无法说完,我们过往的文章当平面设计师学会Processing......、学了Processing到底能做啥??? 都介绍了很多Processing的作品![90caafce4119859c31dec2fe40696780.png](https://i-blog.csdnimg.cn/blog_migrate/61079303542e5eacf3de23a37288d777.jpeg)
![274831ab179c8b4d0981c149108f869f.png](https://i-blog.csdnimg.cn/blog_migrate/fff0d1621ca56893b9b6a08a76284289.jpeg)
![90ae2969854391ce52d2304282f4c380.png](https://i-blog.csdnimg.cn/blog_migrate/c219a0b6efd548b64e38c28e47e15843.jpeg)
![ec3c62124d95c4ba271b1200358c55bf.png](https://i-blog.csdnimg.cn/blog_migrate/cab6f6780187d1bfa07cd2a539ad3be8.jpeg)
![6f4f572187a475bf7de4a4a6c3717371.png](https://i-blog.csdnimg.cn/blog_migrate/af4d4c0db9c0c08edbd96f642fd95a5c.jpeg)
![48d44d3630e464d5356d3b74154dfdac.png](https://i-blog.csdnimg.cn/blog_migrate/e325b6cbe6718b3e0483a1e50de15fd8.jpeg)
![82025d9bfba7270cbf411dc949886f2a.png](https://i-blog.csdnimg.cn/blog_migrate/7d3a1f7c597b09b53b02465994857f1a.jpeg)
Squarehead – Processing drawing tool
Processing作品混剪
当然也有非常实用的案例:
2014苹果开发者大会海报
知乎网友@暗流涌动,在Processing中只使用了50行代码,便制作出了这种风格的系统,只需导入静物的图片,便可生成同样风格的海报:
制作交互和展览装置:
Processing是软件平台,它本身不能直接控制各种互动硬件。 然而借助Arduino这个平台,Processing就可以读取传感器的数值,进而控制各种机电装置,机器臂等硬件实体。Arduino的简单应用
这里简单的介绍下Arduino,Arduino项目始于2003年,当时,伊夫雷亚交互设计学院的硕士生Hernando Barragán,在Massimo Banzi和Casey Reas教授的指导下,进行自己的硕士论文项目Wiring的开发。该项目目标是为非工程师创建简单,低成本的工具来创建数字项目。
由于种种原因,最终Massimo和工程师David Cuartielles将此项目继续进行,他们的团队最终完成了Arduino的设计,这款全新的电路板成本大幅降低。同时,它将硬件部分抽象为C++类库,完全脱离了寄存器的配置,用户无需再去使用枯燥繁杂的汇编语言进行编程,几乎所有功能都可以通过上层库调用。
Massimo(左)和David Cuartielles介绍Arduino
Arduino电路板透明掉了大部分与硬件相关的操作,它的上手难度大大降低,程序员,设计师,甚至小学生也能用Arduino做出很酷的东西,比如对传感器作出回应,闪烁灯光,控制微型马达等。 最重要的是,它之后诞生的一系列产品,也全部都是开源的。Arduino大家族
Processing和Arduino的搭配可以让可以让图形化界面和硬件产生互动。 而在此基础上结合其他平台,就能实现更多丰富的交互效果。 比如添加OpenCV库(跨平台的计算机视觉库)后,可以实现人脸识别等各种高级的图形处理功能,添加Kinect库(动作捕捉,骨骼追踪),则可以识别人体的肢体动作并进行交互。 因为源自Java,所以大量的Java库都可以添加进来直接调用,比如Box2D(二纬物理引擎),Unity(游戏引擎,可以用于装置的实时渲染)都可以在开发时调用,制作出实时的舞台交互效果和各种有趣的互动作品和游戏。 同样,优秀的作品太多,这里仅列举2个:交互式灯光装置《volume》|SOFTlab工作室
使用processing软件设计装置的控制界面
“天真 · 自得 2.0” 古琴昆曲电子演出|分号C
这次的项目主要实现了对现场古琴演奏的实时分析与多媒体视觉演绎,并且利用了大型舞台全息投影技术为观众构建了一个三维立体的视觉效果。Processing视觉至TouchDesigner视觉滤镜处理
天真·自得 2.0
在视觉制作的流水线中,Processing 与Unity作为视觉的主力,由两台不同的电脑进行生成视觉的运算和输出,将古琴、昆曲、电子音乐、以及多媒体进行了一次交融。 在这次音乐会中作为新媒体制作,所有视觉都通过交互软件进行视觉创作 使用到的交互软件以及视觉制作软件包括 Processing ,Unity3D,Max/Msp ,Touch Designer ,Resolume Arena,After Effect ,Cinema4D。▲天真·自得 2.0
以上,就是关于Processing的一些简略的介绍,或许你已经对processing有了浓厚的兴趣?
心动不如行动,想从入门到精通,点击下方链接了解课程详情吧!近期课程
![e693b89ed4c843c9b01365d105f010ea.png](https://i-blog.csdnimg.cn/blog_migrate/619b860d3366c23d0341b5ded496ff4a.png)
![d0311308f98431ec80430d3deb79cfa5.png](https://i-blog.csdnimg.cn/blog_migrate/dea3385166e599f23297802410c7e8d8.png)
![6409d2de5e15459a78ed5ae32a457d1f.png](https://i-blog.csdnimg.cn/blog_migrate/09d818c960aa03808a09e6277a5051c7.png)
![9497ca16db5ba0fd9f827e27ca7d0fa1.png](https://i-blog.csdnimg.cn/blog_migrate/a0afcc4967d888e67676b11092baf94d.jpeg)