processing一个作品_为什么设计师们都开始学Processing了???

7e74c7b658a6a41f29a35329f359cb99.png

在Processing官网上,对于Processing是这样描述的: 32c99f9cf2a89c8c9903b039406fc30a.pngProcessing是一门开源编程语言,提供了对图片,动画和声音进行编程的环境。学生,艺术家,设计师,建筑师,研究人员和业余爱好者可以使用Processing进行学习,制作原型以及作为生产工具。你可以通过视觉化的界面学习计算机编程的基础知识,或者作为软件速写本以及专业化的生产工具。除了该领域的其他相关专有软件外,Processing为艺术家和设计师提供了一个新的选择。 这段话概括的十分简洁凝练,但任凭想象,可能还是无法理解。接下来,我们将从起源开始,详细的介绍Processing。

845236bcfc89ef4f04fb70a8497a2f24.png

Processing的起源

Processing诞生于美国麻省理工学院媒体实验室(MIT Media Lab)的美学与计算机研究小组,Casey Reas 和 Benjamin Fry发起了该项计划。   a3a643e04154c9a3a74cc61f780362cd.png 年轻时的Casey Reas (左)和 Benjamin Fry(右) 值得一提的是,当年开发这门语言时,这两位processing的创始人当时还是每年发布《科技中的设计趋势报告》的,那位大名鼎鼎的John Maeda 的研究生,John Maeda所领头的项目Design by Numbers则对processing影响深远。 abb9d20dc3e81633f65dfd1903c8b896.png 麻省理工学院媒体实验室一直致力于将科技,媒体,科学,艺术以及设计融合到一起。 所以processing本身基因就融合着艺术和科学性:它以数字艺术为背景,通过可视化的方式进行编程,在java语言的基础上简化语法,并具备跨平台的特性。

845236bcfc89ef4f04fb70a8497a2f24.png

Processing的使用人群

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

1f3ea2bd7c45b6991fef2ee7d7ca25d6.png

当下诸多设计软件,比如Photoshop,illustrator,3ds MAX等,虽然也能创作出精彩的作品。但是processing的出现让大家再次意识到:编程不仅仅是工程师的工作;编程可以为广大艺术家和设计师,以及所有想以编程方式实现绘画,动画和交互的人提供一个有效的途径。 不只是设计师和艺术家,所有有创意的人,不必囿于生产工具和软件的限制,借助processing,他们可以将自己有趣的想法变成现实。

845236bcfc89ef4f04fb70a8497a2f24.png

Processing的特点

开源而简洁

许多初学者的第一道大坎,可能就是开发环境的配置和开发软件的安装:他们兴致勃勃的去下软件,但首先要付一笔费用;付完费 按下好文件按照教程去安装,发现操作系统不兼容;好不容易下好软件,搞定了兼容  问题,却发现电脑配置不行,软件根本跑不动。。 而使用Processing则完全没有此类顾虑,你可以在官网轻松下载  到主流操作系统对应的processing安装包,最新版本对应windows 64位操作系统的安装包体积也只有122M,解压processing安装包后, 直接打开程序就可以开始创作了。

640?wx_fmt=gif

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

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

资源丰富

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

aa734341edd0c2436faefbdb9f724021.png

首页的教程

e171cdf530f957df6ec7b4a34117fba7.png

众多应用案例

应用广泛

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

4a45f94a68f3b7af70d9bcb90db6c5dc.png

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

c75c5f4902d9b81d64478fc8c2d32a18.png

网站可视化

845236bcfc89ef4f04fb70a8497a2f24.png

Processing的部分应用

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

创作视觉作品

说起使用processing创作的优秀的视觉作品,可能三天三夜都无法说完,我们过往的文章当平面设计师学会Processing......、学了Processing到底能做啥??? 都介绍了很多Processing的作品 90caafce4119859c31dec2fe40696780.png 274831ab179c8b4d0981c149108f869f.png 90ae2969854391ce52d2304282f4c380.png ec3c62124d95c4ba271b1200358c55bf.png James usill 6f4f572187a475bf7de4a4a6c3717371.png 48d44d3630e464d5356d3b74154dfdac.png 82025d9bfba7270cbf411dc949886f2a.png

Squarehead – Processing drawing tool

640?wx_fmt=gif

Processing作品混剪

当然也有非常实用的案例:

0e1957d7111cd6119489120224a88fc3.png

2014苹果开发者大会海报

dc870e4246b1a2a25b518b80ff4ded11.png

知乎网友@暗流涌动,在Processing中只使用了50行代码,便制作出了这种风格的系统,只需导入静物的图片,便可生成同样风格的海报:

制作交互和展览装置:

Processing是软件平台,它本身不能直接控制各种互动硬件。 然而借助Arduino这个平台,Processing就可以读取传感器的数值,进而控制各种机电装置,机器臂等硬件实体。

640?wx_fmt=gif

Arduino的简单应用

这里简单的介绍下Arduino,Arduino项目始于2003年,当时,伊夫雷亚交互设计学院的硕士生Hernando Barragán,在Massimo Banzi和Casey Reas教授的指导下,进行自己的硕士论文项目Wiring的开发。该项目目标是为非工程师创建简单,低成本的工具来创建数字项目。

由于种种原因,最终Massimo和工程师David Cuartielles将此项目继续进行,他们的团队最终完成了Arduino的设计,这款全新的电路板成本大幅降低。同时,它将硬件部分抽象为C++类库,完全脱离了寄存器的配置,用户无需再去使用枯燥繁杂的汇编语言进行编程,几乎所有功能都可以通过上层库调用。

47447831f9231687aa406ec01ddb413e.png

Massimo(左)和David Cuartielles介绍Arduino

Arduino电路板透明掉了大部分与硬件相关的操作,它的上手难度大大降低,程序员,设计师,甚至小学生也能用Arduino做出很酷的东西,比如对传感器作出回应,闪烁灯光,控制微型马达等。 最重要的是,它之后诞生的一系列产品,也全部都是开源的。

ff83a88fd8415387eafcd85b3e2eb88b.png

Arduino大家族

Processing和Arduino的搭配可以让可以让图形化界面和硬件产生互动。 而在此基础上结合其他平台,就能实现更多丰富的交互效果。 比如添加OpenCV库(跨平台的计算机视觉库)后,可以实现人脸识别等各种高级的图形处理功能,添加Kinect库(动作捕捉,骨骼追踪),则可以识别人体的肢体动作并进行交互。 因为源自Java,所以大量的Java库都可以添加进来直接调用,比如Box2D(二纬物理引擎),Unity(游戏引擎,可以用于装置的实时渲染)都可以在开发时调用,制作出实时的舞台交互效果和各种有趣的互动作品和游戏。 同样,优秀的作品太多,这里仅列举2个:

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

63c33c74c451dc556ff95df5d8dfb11e.png

640?wx_fmt=gif

640?wx_fmt=gif

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

e859bc1e928503fc08c5db978152c439.png

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

640?wx_fmt=gif

135a5ee17f1d5a9913b4274a4a847105.png

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

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

b301689c74b064acd6f4f8a688ff03ce.png

Processing视觉至TouchDesigner视觉滤镜处理

ecc2785d33093fa7ff45f372b29bd015.png

ee6cdd596c5a762150fce142f93d7559.png

天真·自得 2.0

在视觉制作的流水线中,Processing 与Unity作为视觉的主力,由两台不同的电脑进行生成视觉的运算和输出,将古琴、昆曲、电子音乐、以及多媒体进行了一次交融。 在这次音乐会中作为新媒体制作,所有视觉都通过交互软件进行视觉创作  使用到的交互软件以及视觉制作软件包括 Processing ,Unity3D,Max/Msp ,Touch Designer ,Resolume Arena,After Effect ,Cinema4D。

▲天真·自得 2.0

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

心动不如行动,想从入门到精通,点击下方链接了解课程详情吧!

33dc2c9c00a7f073fb4fb06899263f15.png

还想了解更多? 戳兜兜鱼咨询!

c8b55c88954f5db3ee1963e5585f3188.png

2904b7f3ce1fca6deca6fbfe276ea1ba.png

 近期课程 

e693b89ed4c843c9b01365d105f010ea.png d0311308f98431ec80430d3deb79cfa5.png 6409d2de5e15459a78ed5ae32a457d1f.png 欢迎加入OF COURSE,一个想到当然可以做到的全球数字创意平台。 作为中国最早的科技艺术教育平台之一,与全球顶尖大学教授、交互设计师、新媒体艺术家以及创意工程师合作,共同研发前沿科技艺术课程,致力于让中国学员快速成长为全球科技艺术领军者! 9497ca16db5ba0fd9f827e27ca7d0fa1.png

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值