3分钟带你了解互动编程艺术
看腻了设计推文?换换口味,来看看设计+编程的结合体:Processing
编程可以成为艺术和设计的一种形式吗?
对设计师来说,特别是互动媒体设计师和交互设计师,编程是一项必要的技能吗?
看完这篇相信大家心里会有答案。
也会了解到以设计为导向的编程思维和通过编程所创造出新设计可能性。
首先,来看 Casey Reas 创造的装置艺术:

▲ Casey Reas创造的装置艺术
该装置艺术展出于美国德州休斯顿 Day For Night Festival 2015,Casey Reas 用 Processing 把日调夜手法拍摄的视频片段分解成大小不同的矩形,投影在闪光片上,配合上强节奏感的音乐,最终呈现出迷幻的效果。
日调夜是一种拍摄技术,指把白天拍摄成夜晚效果,其次也是一种调色技术。
🎛 WHAT IS Processing ?
三言两语解释下
Processing 是一种革命性的编程语言,最初是为创建绘图、动画和交互式图形的设计师和艺术家而开发的。主流设计流派中,Processing 是原型构建和信息可视化的基本工具。
它的出现被视为艺术设计创作的一场革命。艺术家通过 Processing 将抽象的数据呈现为生动的视觉形象。生成唯美的图形的同时,编写出功能强大的互动艺术作品。
要了解 Processing,我们首先要了解三个人。
👨🏻💻丨Csey Reas 和 Benjamin Fry

▲ Casey Reas & Benjamin Fry
Processing 是由这两位来自美国麻省理工学院媒体实验室旗下的美学与运算小组所创造。
👨🏻💻丨John Maeda

▲ John Maeda
John Maeda 现任罗德岛设计学院院长。他对 Processing 在教育界的推广起了很大的作用,他曾在TED中讲过科技和艺术的结合。
▲ John Maeda 在 TED 的演讲
🎛 HOW Processing DO ?
如何使用?
“用数字来设计” 是 Processing 独创的程序设计方案。它的思想是简单地写一行代码,屏幕上会生成一个图形,再增加一些代码,图形就能根据鼠标的动作发生变化。这些代码称为草稿 (Sketch)。Processing 设计者认为,草稿化 (Sketching) 是一种思维方式,有趣而便捷,可以让人在短时间内探索出很多想法。“草稿” 一词的强调,让使用者在计算机屏幕上画图时,就如同在图纸上作画一样。

▲ 代码与生成的相应图形
用程序来设计,在提高效率的同时也是在探索设计更多的可能性。下面是 2011 年 M.I.T. Media Lab 的 Logo 设计过程,用 Processing 生成了 40000 个不同的 Logo 形状,最终将各个 Logo 运用至不同场景上。

▲ 使用 Processing 生成 Logo
🎛 WHY USE Processing ?
好像不错?有什么特点么?
基本特征有:
免费、开源
多平台 (Mac, Windows, Linux,iOS)
基于 JAVA 的超大函数库
快速上手的Sketchbook
丰富的输出类型
应用领域主要有:
数据可视化
生成艺术/设计
互动艺术/交互设计
🎛 HOW TO Interact?
如何与其他设备交互?
Processing 可以读取传感器设备和显示设备的输出数据, 这大大拓展了视觉设计和交互设计的可能性。
与硬件相结合(如传感器, 马达, Arduino, LED),Processing 通过与硬件共同的编程环境和类似的语法,可以读取硬件的传感数据,然后图形化呈现数据。这种通信是相互的,也可以用Processing 程序作为操作界面,控制电机、扬声器、灯光和相机等设备。

▲ 系统与人之间的交互
在众多硬件当中,Arduino 是一个明星产品,它既有微控制器板的硬件,也有用于编程的软件,常用于原型构建。我们在推文中曾介绍过 Arduino。如果大家感兴趣,可以期待公众号之后关于 Arduino 介绍及其应用的文章。

▲ Arduino
最后带来一个 Processing 结合 Arduino 的装置艺术,该作品展出于伦敦的 “Random International” 工作室。

189 个相同的反射镜被放置在一个网格中,形成一个平坦、均匀的表面。镜子被挂在墙上,当观众接近这件作品时,各个反射镜与观众进行互动,扭曲成不同的三维的形式。此刻的作品表面变得支离破碎,像是无生命的物体变成了有机的活物。创作者希望从这件作品中,探索人类和非人类行为之间的相互关联的对话。
越深入探索,越发现 Processing 的强大。
总得来说,我们不需要成为一个专业的编程人员,但是了解编程后,可以让我们在设计时有更多的选择和可能性。作为一个互动媒体设计师,当了解编程思维的时候,可以更好地和程序员交流,以及知道怎么把概念性的想法在真正的工作中实现。
最后,如果想了解更多 Processing,推荐一本经典自学教程《互动编程艺术》。

▲ 《互动编程艺术》
如果想了解更多关于 Processing 的作品,可移步官网:
https://www.processing.org/exhibition

▼ 往期精彩回顾 ▼










































