Publish
Videos
Articles
Events
EN
PENCIL新媒体艺术
天津铅笔动画科技有限公司重塑对艺术和科技的想象
China Tianjinshi Intro： 动画，数字交互，艺术编程领域的新媒体艺术教育平台 /A New Media Art Team Focusing on Animation, Digital Interaction and Art Programming.
Works 19 View All 
Articles 12 View All
如何利用Processing制作互动Virtual Ribbons
关于开篇如何向大家展示这个案例的方式 我想了很多种 但是仍旧找不到形容词来形容这个案例 所以请大家点开下面的视频 先来看一下视觉效果 视频的内容可能过于舒适（shadiao） 不过从教学分享的角度而言 这个是非常容易直接解剖的教学案例 从画面来分析 我们可以把这个案例拆分为两部分 颜色追踪 与 彩带生成 首先，请自行安装好软件 https://processing.org/reference/libraries/video/ 「Part1 : 颜色追踪原理分析」 这里我们可以分为三点来分析： 1.获取坐标 计算颜色的相似度 判断并记录符合条件的像素的x,y坐标 我们选取某一帧进行图像分析。首先我们在这里调用一个用于存储图像的数据类型pixels[ ],它储存了一副画面的每个像素的颜色信息。然后我们需要将这一帧画面中的每一个pixel颜色进行对比判断,看颜色是否符合我们想要展示出来的颜色，将符合一定范围的颜色判断是跟踪的颜色,即trackcolor。 以宽度width为5为例： 如果我们想获取坐标为（3，2）这一点的颜色信息就是pixels[13]。 这个计算公式为 ： pixels[ ]=纵坐标(y) * 宽度(width)+横坐标(x) 2.相似度 计算颜色与目标颜色(trackColor)之间的相似度 这里我们将color(R,G,B)转换为三维坐标(x,y,z)，将currentColor(当前颜色)与trackColor(跟踪颜色)看成两个点，当两点之间距离最短，也是亮点的颜色最为相近的时候，所以我们用dis表示颜色相似度。 3.试点 整理符合条件的(x,y) 计算出跟踪颜色的范围和稳定的位置 当第一次检测到trackcolor(跟踪颜色),我们用坐标为（minx,miny）（maxx,maxy）两点创建一个矩形（Box）,属性来计算这个Box的大小，distThreshold 来存储距离临界值。 若每次检测到的trackcolor(跟踪颜色)的点坐标与Box的中心点坐标之间的距离小于distThreshold 则添加进Box范围,更新（minx,miny）（maxx,maxy）重新计算box的大小。 distThreshold 决定的box的最大size。 最后box的中心点就是我们跟踪颜色的位置。 「Part2 : 彩带生成原理分析」 这里我们先用鼠标模拟一下颜色跟踪，为了轨迹生成图形做准备，我们需要一个队列来记录鼠标位置的历史信息。 1.队列 ArrayList存储可变数量的对象 这里面,我们一共记录的30帧鼠标的历史位置,在循环中,每当记录新的位置,就会将最将“老”的信息,挤出队列。 以限制长度10为例： 如果size( )<10时,将所有的元素添加到数组队列；size( )>10时，就会先remove(0),移除掉最老的元素，也就是第一个(index为0的元素),然后add( )新的元素。 就像水管一样，数组列表里的数据不断地在更新。 ▲ArrayList存储原理 再把轨迹在原坐标的基础上添加上一个随机量，做成5条，我们的彩带就更具有交互性了。 2.直线轨迹变曲线 利用bezierVertex() 贝塞尔曲线 使画面更生动 这个过程可以简单分为两步： 确定曲线方向和确定曲线宽度 第一步：确定曲线的方向 首先定义几个参数： pos——当前点的位置坐标 'pos——上一个点的位置坐标 pos'——下一个点的位置坐标 leftMid——线段pos'pos的中点 rightMid——线段pospos'的中点 然后我们把点pos的运动方向设定为leftMid指向rightMid的连线方向，向量长度定义为单位长度1，记向量为dir。 第二步：确定曲线的宽度 在我们模拟曲线运动的过程受到速度影响，速度越快，曲线越长。所以我们用radius表示曲线半径。 接下来我们将向量dir分别顺时针、逆时针旋转90°，得到两个新的单位向量。 以下图为例： 点leftside为单位向量逆时针旋转90°得到新的单位向量，记为dir'。dir'乘以radius得到新的向量长度，最后加上点pos的位置坐标即可得到点leftside的位置坐标。 而这段向量长度我们用计算公式表示为： |leftSide|=pos+dir.rotate(-90°)mult(radius)，rightSide同理 接下来我们用同样的方法把前后的leftSide与rightSide都连接起来，找到各个线段的中点，得到了pos连线的轮廓扩展，接连起来就是绘制曲线bezier。 贝赛尔曲线的点类似于钢笔的锚点，只不过是用计算机绘制出来，我们同样需要让曲线闭合。 在beginShape（）里，先绘制的左侧的边， 确定第一个锚点（上一个的nextLeftSideMid）， 依次是两个控制点（leftSide与当前的nextLeftSideMid）， 最后一个锚点（nextLeftSideMid）， 因为我们只需要3个顶点，所以将最后的锚点和第二个控制点设置成同一个。 右侧边绘制也是相同的原理。 【源代码获取】 【最终效果展示】 ▲让我们看一下杨总的宝贵影像 【源代码获取】 公众号后台回复 [虚拟彩带] 获取 “Processing虚拟彩带生成的完整工程文件” PENCIL新媒体艺术是一个综合性的新媒体艺术教育平台。长年致力于动画，数字交互，新媒体影像，交互装置等方面的研究。同时以独创的"workroup"模式进行新媒体艺术领域的技术和理念教学。重塑对艺术和科技的想象。
用Arduino做个逗猫神器，我就能去美术馆救画了？
嗨，我是铅笔。前段时间的《奇葩说》中的一道辩题火了：博物馆起火，救猫还是救画？要我说当然是救画了，因为我们可以自制一个逗猫神器陪主子玩，它就不会跑到博物馆去了。（实名给诞总安利这个Arduino逗猫神器）不管你家里是不是供着一个只主子，也都知道喵星人对于激光发射器发出的光点有着天生、难以抗拒的执着，而且对于猫咪们来说狩猎是一项很好的运动。有人会在网上购买激光笔，那你不在家的时候怎么办，喵星人自己在家也不能玩对不对。这时候会Arduino的铲屎的，就显得无比高大上了。01逗猫神器用Arduino制作镭射激光通常我们逗猫只要拿起激光发射器就可以，但是你总会预先知道激光点的方向。所以我们给加入一些混乱元素—可以平面移动或改变仰角的激光炮塔，并让它可以周期性地随机移动。觉得激光不够还可以添加一个摄像头或者附加一个的自带钓鱼杆，自动逗猫棒也出来啦！「简单分享一下制作步骤」1）大家可以按照材料清单准备一下：Mini 云台套件9G 舵机 x 2镭射激光发射器和固定配件兼容Arduino UNO 开发板传感器模块 (推荐，可使简化接线)6V 2A电源2）组装好炮塔，如图：3）接线图，如下：4）最后大家上传以下代码到你的 Arduino 主板上就可以啦：说起原理，这就跟▼ARDUINO制作机械臂很相似。然而喵星人还是会不知道什么时候自己跑了出去，如果自己不在家而且门上没有特意留有进出的宠物出口的话，很容易就走丢了。譬如PENCIL工作室的王师傅，下班路上捡了一只无比可爱的英短三花。我表示内心是无比羡慕的！▲喵咪叫“扎金花”，气不气02防丢神器用Arduino做个“喵脸识别”荷兰一位软件工程师在自家后院发现了一只流浪猫，养了一段时间后发现它是有主人的，小猫流窜在两户人家之间，不知道什么时候又跑回来，最初的时候给猫开门基本随缘。于是这位工程师决定发挥自己的技能，给这只猫做了一个面部识别装置，随时感应猫的到来，一旦发现猫来了，就会给自己和妻子的手机发消息，然后给它开门。由Arduino组成的装置，配有一个摄像头，可以使用动作检测和图像识别软件自动识别猫，然后把信息发在他手机上。当装置检测到移动物体时，就会对图像进行识别，对比之前图像来发现这个物体是这只猫，而不是其他猫，或者狗，又或是其他不知名物体。(或许我们工作室也可以整一个面部识别的装置，就不怕没有钥匙开门了)03利用Arduino制作互动装置近年来科技发展的非常迅速，Arduino的出现，给艺术家和设计师们带来了福音，通过简单的学习和培训就能够迅速了解传感器和电路知识，创作出有趣的新媒体互动作品。▲ARDUINO自制合成键盘 YT COLORPAD(每个颜色代表着一个音符，代表情绪，代表感情色彩)▲PENCIL学员 ARDUINO基础作品目前也有很多创客对Arduino感兴趣，通过网络教程自学，也有人在我们的平台上留言说，有没有快速入门的书籍适合零基础看的。所以，今天也给大家推荐一些学习Arduino的书籍：1）《爱上Arduino》这是一本写给设计师和艺术家的书。很长一段时间电子电路仅仅是工程师们考虑的问题，但是随着新媒体的介入，艺术家们掌握计算机等技术也慢慢成为趋势，这本书刚刚解决了很多小白基础薄弱的问题。没有太复杂的专业术语，初高中水平就可以看懂70%。▲封面是这样的2）《超图解Arduino互动设计入门 第2版》Arduino的硬件部分需要动手操作，这本书利用手绘图解的方式，清晰地告诉大家，每个接口应该怎么连接。很轻松就能完成互动应用。▲封面是这样的3）《Arduino项目书》这本是Arduino官方出品的，通过大量的实验项目为大家介绍电路图、接线图以及代码解释，包括在解决开发板、元件及配件问题都有详细的解释。如果大家阅读前两本书之后还可以继续学习，这本书足够用啦。▲封面是这样的『PENCIL聊天室』近期也总是有小伙伴来咨询：PENCIL下一期课程什么时候开始呢？自己是零基础会不会跟不上进度，要不要先预习一些书籍资料，储备一些知识呢？本次推荐的三本书，足够看啦。PS.想学习下一期课程的小伙伴可以提前来咨询我喽~
电影与艺术装置
嗨，我是铅笔。1887年，英国摄影师爱德华·马布里基第一次使用12台相机拍摄了运动中的马的姿态，发现了连续摄影。随后，法国生理学家朱尔·马莱为了研究鸟的飞行方式在此基础上发明了摄影枪。1895年，卢米埃尔兄弟发明了电影。新媒体艺术往往是伴随科技发展而迭代更新的，那关于艺术的媒介化，就要归功于照相技术的产生。现如今科技愈加发达，新媒体艺术的范围不断扩大。今天就和大家分享三位艺术家的影像艺术装置作品。这些作品不仅在电影界斩获大奖，也在艺术装置中堪称经典。- 01 -时钟《The lock》▲《时钟》影像片段《时钟》在2011年威尼斯双年展金狮奖，通过成千上万的电影摘录，实时地在银幕上实时展现，形成了24小时的蒙太奇。简单地说，艺术家Marclay从无数部电影中取样，把显示时间的钟表镜头剪接在了一起，制作了一部整整24小时的电影。无论你何时踏入展厅，荧幕上都会出现不同的钟表特写。而这个艺术装置的神奇之处也在于，现场观众不自觉地被这些画面和时钟的滴嗒声吸引着置身其中，忍不住低头看看自己的表时，总是会意外的发现银幕上的时间和自己的时间是完全吻合的。尽管这部影像作品的剪辑片段没有构成互相联系的情节，但是并不影响观众对于整个影片的理解。人们似乎都会被影片传递的一种莫名的紧张感所影响，影片中的时间在一点一滴地流逝。观众的时间也是在一点一滴的同步流逝，难免会督促我们陷入思考，并对自己的时光悄逝而深思。- 02 -万层浪《Ten Thousand Waves》▲影像片段这是一部将现代中国文化与古代神话交织在一起的沉浸式电影装置。Julien在《沂山岛的故事》（Eale of Yishan Island Tale）的一个部分中，讲述了16世纪海上失踪和陷入困境的渔民的故事，传说的中心是引导渔民安全的海上女神像：妈祖（张曼玉饰演）。Julien说：我对水感到恐惧，它看似温柔，但能聚集暴力，甚至夺去人的生命。Julien将影片投影到以动态结构排列的九个双面屏幕上，设计了观众在整个空间中的运动。这样的动态影像装置，耗时55分钟。整个布展由很多名艺术家一起参与设计完成的，里面还融合了中国的书法，以及30年代电影的元素。在现代和古老的上海街头上演，包括融合东方和西方传统的音乐和声音。装置的声音结构像其顺序图像一样身临其境，其中包括来自伦敦的音乐家Jah Wobble和中国配乐团的贡献，以及西班牙当代古典作曲家Maria de Alvear的原创作品。2010年，作品的电影版参展威尼斯国际电影节，其装置作品也被纽约现代艺术博物馆（MOMA）收藏。- 03 -眩晕的海《Vertigo Sea》▲影像片段约翰·阿康弗拉（John Akomfrah）是一位备受推崇的艺术家和电影摄制者，其作品的特点是对记忆，后殖民主义，时间性和美学进行了调查，并经常在全球范围内探索移民海外的经历。2015年，Akomfrah首次放映了他的三屏电影装置《眩晕的海》，探讨了拉尔夫·沃尔多·爱默生所谓的“崇高的海洋”。Akomfrah融合了档案资料，经典资料和新拍摄的镜头，将重点放在捕鲸业的无序和残酷之中，并将其与许多代移民的场面并列在一起，以实现史诗般的海洋穿越，从而过上更好的生活。
Likes 1 View All
