首页
学习
活动
专区
工具
TVP
发布

视觉设计师的必备工具

听说星标了OF COURSE 的人,都。。很喜欢想当然!

在Processing官网上,对于Peocessing是这样描述的:

Processing是一门开源编程语言,提供了对图片,动画和声音进行编程的环境。学生,艺术家,设计师,建筑师,研究人员和业余爱好者可以使用Processing进行学习,制作原型以及作为生产工具。你可以通过视觉化的界面学习计算机编程的基础知识,或者作为软件速写本以及专业化的生产工具。除了该领域的其他相关专有软件外,Processing为艺术家和设计师提供了一个新的选择。

这段话概括的十分简洁凝练,但任凭想象,可能还是无法理解。接下来,我们将从起源开始,详细的介绍Processing。

Processing的起源

Processing诞生于美国麻省理工学院媒体实验室(MIT Media Lab)的美学与计算机研究小组,Casey Reas 和 Benjamin Fry发起了该项计划。

年轻时的Casey Reas (左)和 Benjamin Fry(右)

值得一提的是,当年开发这门语言时,这两位processing的创始人当时还是每年发布《科技中的设计趋势报告》的,那位大名鼎鼎的John Maeda 的研究生,John Maeda所领头的项目Design by Numbers则对processing影响深远。

麻省理工学院媒体实验室一直致力于将科技,媒体,科学,艺术以及设计融合到一起。所以processing本身基因就融合着艺术和科学性:它以数字艺术为背景,通过可视化的方式进行编程,在java语言的基础上简化语法,并具备跨平台的特性。

Processing的使用人群

Processing起初是专门为视觉交互和媒体艺术设计而创建的,它是面向艺术家和设计师所开发的语言。在创意性行业中,工具会影响创作过程进而影响创作结果。,一位创意工作者都有自己所擅长的一种或多种工具。

当下诸多设计软件,比如Photoshop,illustrator,3ds MAX等,虽然也能创作出精彩的作品。但是processing的出现让大家再次意识到:编程不仅仅是工程师的工作;编程可以为广大艺术家和设计师,以及所有想以编程方式实现绘画,动画和交互的人提供一个有效的途径。

不只是设计师和艺术家,所有有创意的人,不必囿于身产工具和软件的限制,借助processing,他们可以将自己有趣的想法变成现实。

Processing的特点

开源而简洁

许多初学者的第一道大坎,可能就是开发环境的配置和开发软件的安装:他们兴致勃勃的去下软件,但首先要付一笔费用;付完费 按下好文件按照教程去安装,发现操作系统不兼容;好不容易下好软件,搞定了兼容 问题,却发现电脑配置不行,软件根本跑不动。。

而使用Processing则完全没有此类顾虑,你可以在官网轻松下载 到主流操作系统对应的processing安装包,最新版本对应windows 64位操作系统的安装包体积也只有122M,解压processing安装包后, 直接打开程序就可以开始创作了。

下载-安装-写代码-生成一个圆,这个过程只要1分钟

容易上手,完全开源,界面简洁,基于视觉,这就是processing。

资源丰富

Processing的官网不只有软件安装包,也有丰富的学习资源和参考案例。官网将大量的开发者,艺术家和创意编程者聚集在一起,通过公开交流创意和作品来实现代码的共享,你想要的大部分学习 文档和教程都能在这里轻松找到。

首页的教程

众多应用案例

应用广泛

虽然安装包体积小,但Processing的应用则十分广泛,它可以用来制作网络应用,各种视觉作品;也可以和Arduino,Kinect,OpenCV等平台结合,创作各种艺术装置和公共空间的展览装置,这些我们会在下文详细介绍。

Processing的一个短板是对于网页的兼容性不足,但这在它的孪生兄弟p5.js身上的到了很好的解决。

2001年,在processing刚诞生的时候,java applet是将实时图形项目发布在网页上的主要方法。可到了2015年,java applet已经不复存在。而由Lauren McCarthy倡导的Processing基金会的p5.js项目则跟上了时代的步伐,通过P5.js,你可以把整个浏览器都当成你的“画布”。利用插件库,你可以很方便地与其他html5元素(如文本,输入框,视频,摄像头和音频)进行交互,你甚至可以用P5.js创作游戏。

Open Processing首页,有许多用P5.js创作的优秀作品

网站可视化

与Java Script相比,除了句法上有些许区别,p5.js所有关于计算的基础原理和概念和它是一样的。而更重要的是,你在Processing中使用的所有绘制函数都能在p5.js里执行,这意味着当你想在网页上实现自己的创意时,无需过多的学习成本,就可以轻松过渡。

Processing的部分应用

虽然一开始Casey Reas 和 Benjamin Fry将processing看是一个代码素描本,主要用于算法动画的制作和即时的交互反馈。但因为其本身简单易用的特点,除了视觉设计,原型开发等领域,越来越多的开发者也会将其用于复杂数据可视化,交互动画制作等

由于篇幅原因,以下只列举一些视觉和交互装置方面的应用。

创作视觉作品

说起使用processing创作的优秀的视觉作品,可能三天三夜都无法说完,这里仅展示一些我本人喜欢的一些作品:

《Love》by Oliveira

《HUMAN = SCIENCE》by 任远

OF生成艺术挑战赛获奖作品| 《I am a firefighter》by 胡悦

《Noise flow field painter 》by Jason Labbe

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(游戏引擎,可以用于装置的实时渲染)都可以在开发时调用,制作出实时的舞台交互效果和各种有趣的互动作品和游戏。

同样,优秀的作品太多,这里仅列举三个:

交互式灯光装置《volume》|SOFTlab工作室

纽约设计工作室SOFTlab受惠普公司委托,设计了一款独特的交互式灯光装置,名为 “volume”,它是一个包含许多响应式镜面(responsive mirror)的交互立方体,这些镜面可以改变光线和声音的方向,并反射和空间化四周观众制造出的骚动。

使用processing软件设计装置的控制界面

WAVE心率波普 LED机械互动墙|分号C

Location:广州K11购物艺术中心四楼

矩阵墙由85块可独立运动的LED屏幕组成,每块模组都可独立运动,在感应到体验者的实时心率后将心率波谱通过运动速度、运动模式进行还原演绎波长与频率。WAVE装置将只有在国际舞台上露面的精密机械装置,以艺术有趣的交互方式带入了大众视野。

把所有体验者的心跳波谱连在一起(Infinity WAVE)

“天真 · 自得 2.0” 古琴昆曲电子演出|分号C

这次的项目主要实现了对现场古琴演奏的实时分析与多媒体视觉演绎,并且利用了大型舞台全息投影技术为观众构建了一个三维立体的视觉效果。

Processing视觉至TouchDesigner视觉滤镜处理

天真·自得 2.0

在视觉制作的流水线中,Processing 与Unity作为视觉的主力,由两台不同的电脑进行生成视觉的运算和输出,将古琴、昆曲、电子音乐、以及多媒体进行了一次交融。

在这次音乐会中作为新媒体制作,所有视觉都通过交互软件进行视觉创作 使用到的交互软件以及视觉制作软件包括 Processing ,Unity3D,Max/Msp ,Touch Designer ,Resolume Arena,After Effect ,Cinema4D。

天真·自得 2.0

以上,就是关于Processing的一些简略的介绍,或许你已经对processing有了浓厚的兴趣?

虽说processing是为艺术家开发的创意编程工具,但对于患有“ ”数学恐惧症,习惯用传统工具做视觉的同学来说,小心翼翼的接触它时,还是出现各种不适症状,比如一看公式,莫名肾疼;代码看不懂,手心狂冒汗;更有甚者,运行一点红,眼前就一片黑。。。

针对以上症状患者,我们特地邀请了新媒体艺术团队“分号C”的创始人之一,著名processing老中医念子轩进行义诊直播,对症下药。只需三个疗程,就可以让您“重获光明”,爱上processing。

线

念子轩

分号C成员

新媒体艺术家

微博:https://weibo.com/u/6619337436

专注于摄像头、传感器的交互,擅长将数据运用于多媒体影像,将世间万物转化为计算机数学语言。

作为新媒体艺术团队分号C的创始人之一,他在地上与地下音乐活动中有丰富的视觉经验,并多次在国内展出多媒体作品与视觉表演;包括2018全球人工智能大会主会场装置,广州K11的互动墙,2018上海青年艺术博览会,以及上海光影论坛开幕式等。

A

添加课程顾问,进入直播学习群

添加OF COURSE课程顾问二维码,课程顾问邀请你进入班级群

扫一扫添加课程顾问咨询

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181220A1L4Q900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券