微信分享图
首页商城公开课

如何玩转交互设计？感受隔空交互的未来！

新媒体艺术站

2022-05-19 12:03
关注

亲身图片

图片

by Moment Factory

                                                              MANA APP             ，             交易担保             ，             放心买             ，                                   点击观看TouchDesigner与体感交互设计 视频                


交互设计顾名思义是通过设计互动来改变人和产品或作品之间彼此对立的关系，在艺术、广告、时尚、建筑、影视、游戏、工业等领域都能看到交互设计的身影，未来，随着万物互联、虚实融合和多元宇宙时代的到来，交互设计将会变得越来越重要。无论你是设计师、艺术家、创意人士、游戏开发人员、影视从业者还是相关专业师生，只要你对新鲜事物充满好奇，下面TouchDesigner与Leap Motion和Kinect结合的体感互动教学内容，将会带给你更多交互艺术设计的可能。


 通过30+完整视觉效果 
 40+录播+直播 
 让你6个星期，零基础 
 玩转 Leap Motion和Kinect体感互动 
 并有机会成为交互设计高手 
 亲身感受隔空交互的未来！ 

图片

by Moment Factory

图片

图片


在开始正式学习之前

让我们先来了解一下





图片




TouchDesigner 是什么？

TouchDesigner 是一款节点式编程互动开发平台，可以实现控制机械、声音、灯光；还在实时视觉的特效渲染等方面都有十分不错的表现。节点式的操作逻辑，让没有编程基础的小白，也有机会轻松玩转多媒体交互，创作数字艺术。
开放免费的非商业版本供爱好者学习和实践，其大部分的功能都与商业版一样，对于学完课程的用户来说，完全可以靠非商业版 TouchDesigner 软件做出一件令自己满意的初级作品，在商业角度上来说，TouchDesigner 是一个控制项目成本的不错选择。
                                                              MANA APP             ，             交易担保             ，             放心买             ，                                   点击观看 通过TouchDesigner 创作的作品案例混剪                





TouchDesigner 与 Leap Motion，
Kinect这两个设备有什么关系？





在构建新媒体艺术连接性与互动性，联通各种各样的硬件设备是极其重要的。而手势传感器 Leap Motion 和动作捕捉器的 Kinect，可以让人们很直接地使用肢体动作，与周边的装置或环境互动。
图片

互动墙

Leviathan

麦当劳全球总部

Chicago

图片

图片

https://www.lvthn.com/work/mcdonalds-global-headquarters


KINECT 

图片
这两个民用级别交互设备都是通过光学分析算法捕捉人体动作，Kinect 可以捕捉人体骨骼数据，而 Leap Motion 可以精确捕捉人的手势数据， 从而让机器接受指令并执行任务。
图片
图片

Leap Motion

图片

Kinect

图片
这样的交互让人省去操作方式的理解成本，能快速上手，大脑的联想功能弥补了衔接过程，让人觉得“身临其境”，从而让整个体验更沉浸且没有肢体接触。这为后疫情时代的数字体验开发提供了很好的启发。
图片

多媒体空间

Moment Factory

渥太华轻轨轻

Lyon

图片
图片

https://momentfactory.com/work/destinations/cultural-educational/kontinuum


KINECT 

图片
 






Kinect

互动项目案例




01*    全球头部多媒体娱乐工作室 Moment Factory，2020年为加拿大自然博物馆「冰河时代的奥秘」展览开发的互动项目，让观众积极参与的同时，营造了一种新的“时空”相隔体验。


Planet Ice

Moment Factory

加拿大自然博物馆

Ottawa，2020

图片
图片
图片


https://momentfactory.com/work/destinations/cultural-educational/interactive-installation-canadian-museum-of-nature


KINECT 



本课程出品方TEA COMMUNITY

为Moment Factory中国区技术合作伙伴


图片



02*    还是Moment Factory ，在2015年C2 Montreal峰会上制作了一场 3 分钟的实时互动表演，舞者的动作被实时捕捉，他的舞姿化作无数粒子效果，演绎多维时空的数字浪漫。


Interactive Performance 

Moment Factory

C2 Montreal峰会

2015

图片
图片
图片


https://momentfactory.com/work/shows/experiential-marketing/c2mtl


KINECT 

图片



03*   Champs Chromatiques 是一个交互式多媒体空间，通过体感设备Kinect捕捉游客身体动态，影响薰衣草田的摇曳，同时花朵也盛开出人体的形态，使观众体验沉浸在无限薰衣草田的色彩、声音和宁静摇曳中。这是Bleu Lavande委托Moment Factory为其品牌体验打造的数字营销空间。


Champs Chromatiques

Moment Factory

Bleu Lavande

Magog，2021

图片
图片
图片


https://momentfactory.com/work/shows/experiential-marketing/champs-chromatiques


KINECT 

图片



04*   资深数字体验制作公司Leviathan为拉斯维加斯米高梅大酒店制作的互动式大堂装置 - Mirror Mirage，在商业空间中将品牌意识与互动艺术融为一体。


Mirror

Mirage

Leviathan

米高梅大酒店

Las Vegas

图片
图片
图片


https://www.lvthn.com/work/mgm-grand-interactive-installation


KINECT 

图片



05*   国内资深创意体验工作室Digital FUN的实验项目用Kinect驱动火焰，冰块，流体和粒子等多种交互视觉效果生成。


Interactive

visual effects

Digital FUN

实验项目

Shanghai

图片
图片


https://video.manamana.net/dBLBK8y3vQjTMSLnXRM7UAapn7o=/locfvZwlqxh6iAc40MA2AZiDTTqU


KINECT 

图片
 


图片



Leap Motion

互动项目案例




01*   


Halloween

Moment Factory

Infrared Interaction

万圣节实验项目

图片
图片


https://momentfactory.com/lab/infrared-interactio


LEAP MOTION 

图片




02*   


Lights

in Lyon

chevalvert

Infrared Interaction

Lyon，2017

图片
图片
图片


https://chevalvert.fr/en/projects/stratum


LEAP MOTION 

图片



03*    本期课程导师sky根据鱿鱼游戏创作的手势互动作品


鱿鱼游戏

sky 冯逸飞

TD创意充电站

Shanghai, 2021

图片
图片


LEAP MOTION 


图片



04*    yfx新媒体艺术家团队为阿姆斯特丹的 Amaze Club 开发的互动展项，打造了9个不同的沉浸式声光电互动空间，运用了大量的Kinect\Leap Motion\雷达等互动设备，100%由TouchDesigner打造。


 Interaction

Space

yfx新媒体艺术家团队

Amaze Club

Amsterdam

图片
图片
图片


https://www.manamana.net/video/detail?id=1828232#!zh


LEAP MOTION 

图片

学会这门课后可以得到什么？

掌握这门课，可以应对绝大部分商业项目中的体感互动需求。如果想更精进一步，甚至可以从事手势，体感的底层算法开发，这些技术都是科技大厂们这几年疯狂布局的方向，所以这其中人才需求不言而喻！


  课程介绍  


图片


2种体感交互系统

Kinect 全身人体骨骼捕捉

Leap Motion 精准手势捕捉


全方位解析设备的所有互动方式

基于TouchDesigner平台

开发精美视觉互动体感作品


40+节录播课，一站式系统打包掌握

学习路径清晰

随时随地闯关打卡


TEA独家体感数据模拟插件

学习时无需购买昂贵设备

PC或MAC都能学


导师每月直播资讯分享

线上交流合作

社群氛围活跃

大家都能在这里找到志同道合的合作伙伴


48h内答疑服务

有效期2年

导师助教逐一分析学员困惑

耐心为其排除万难

让学习之旅畅通无阻


超过30个完整视觉效果


不必再为毕业设计、留学作品

无法落地而苦恼

掌握高薪岗位的敲门砖！

学完就接商业项目！

零基础也能踏上征途！

图片

就业前景

  PROSPECT  


  • 独立装置艺术家

  • 体感交互设计师

  • 新媒体艺术公司

  • 项目经理

  • 互动展厅项目开发

  • 互动技术开发指导

  • 体感互动知识区博主

  • 数字体验工作室

  • 技术执行经理

  • 元宇宙开发项目经理


*当然制作一个艺术装置也能让你的出国留学作品集在众多竞争者中脱颖而出


课程目录

NO reference！

你看到的就是可以学到的效果！


  TouchDesigner 


[ 1.0 ] 极速筑基

新手小白必须知道的10种TD姿势

0.1.0 TouchDesigner极速筑基（新手入门指南）

1.1.1 数据包插件及使用方法



  Leap Motion 


[ 1.1 ]全面解析

每节课约10-30分钟、由浅入深、干货满满

更新时间 4.16


1.1.0 课程介绍：课程实例混剪、知识点综述

1.1.1 下载与安装SDK

1.1.2 手势识别初体验

1.1.3 手势控制小光球

1.1.4 三轴同步

1.1.5 握住辉光粒子

1.1.6 捏住一颗光点

1.1.7 实例化关节点

1.1.8 双手距离

1.1.9 整合常用功能制作Leap Motion插件


图片
图片
图片
图片

*以上均为课程效果实拍图



[ 1.2 ] 扩展提升

每节课约40-60分钟、结合所学、激发灵感）

更新时间 4.25起每天更新一集



1.2.1 手势绘画：烟雾粒子

1.2.2 手势魔法球(选修课)

1.2.3 手势控制无缝形变

1.2.4 磁力球

1.2.5 TouchFree：万物皆可隔空交互


图片
图片
图片
图片


*以上均为课程效果实拍图






[ 1.3 ] 进阶案例

每节课约60-90分钟、发散思维、放肆创意

更新时间 5.2起每天更新一节


1.3.1  可交互的艺术品-《星空》

1.3.2 手势控制的XR摄像机运镜

1.3.3 隔空控制的未来音乐播放器

1.3.4 两种手势乐器（钢琴与弦乐）

1.3.5 石头剪刀布小游戏制作

1.3.6 笼中窥梦-裸眼3D视差效果

1.3.7 冰雪奇缘-光流法与GPU粒子


图片
图片
图片
图片


*以上均为课程效果实拍图








更新时间

6.1起每天一集


  Kinect  

图片


图片
图片
图片
图片

*以上均为课程效果实拍图


[ 2.1 ] 全面解析

更新时间6.1起每天一集


2.1.1Kinect硬件参数介绍、原理介绍、行业案例作品解析

2.1.2 下载与安装SDK，调试与连接设备

2.1.3身体的平面空间UV坐标

2.1.4身体的三维空间xyz坐标

2.1.5深度图与与其他显示模式

2.1.6握拳识别

2.1.7注视感知识别



[ 2.2 ] 扩展提升

更新时间 6.6起每天一集


2.2.1 像素风海报

2.2.2 黑客帝国

2.2.3 模仿游戏

2.2.4 Soul:消逝

2.2.5 GPU粒子交互



[ 2.3 ] 进阶案例

更新时间 6.13起每天一集


2.3.1 天使的翅膀

2.3.2水流粒子飘散

2.3.3游戏:能量球大冒险



上滑查看更多课程表


独家录制数据包

 DATABASE 


图片


*以上均为课程效果实拍图


课程开发及授课团队介绍


  MENTOR  


关于TEA 新媒体教育社区


TEA 新媒体教育社区成立于 2019 年 （前身是 2015 年成立的 TouchDesigner 中文社区），其中，“TEA” 是 Technology 科技、Education 教育、Art 艺术的缩写。作为Derivative 官方全球指定教育合作伙伴，社区目前正在运营亚洲最大的 TouchDesigner 用户社区，持续输出内容。


社区主旨是本着普惠和开源的态度，自发创建新媒体艺术交流学习平台。为跨媒介艺术爱好者提供突破技术瓶颈的技能教育的同时，普及交互新媒体艺术的美学认知。为国内艺术市场带来创新与活力，作国内新媒体艺术趋势的引领者。现各个平台常驻用户基数约为 30000 +，并在 Notch 和 Unreal 等领域进行中文社区建设。

                                                              MANA APP             ，             交易担保             ，             放心买             ，                                   点击观看TEA新媒体社区宣传片                

图片

陈若琨

Digital FUN 创始人

TouchDesigner 亚洲社区主席


图片

江珊

TEA Community 社区负责人

《TouchDesigner全新交互设计及开发平台》作者


图片

冯逸飞

TEA Community 官方课程讲师



  @ SKY  


本次课程内容由 TEA Community （ TouchDesigner 官方中国唯一指定教育合作伙伴）、Digital FUN（新媒体互动艺术工作室）团队与冯逸飞sky共同开发，耗费一年时间，凝结了数名老师的心血。并委任冯逸飞 sky 作为课程主讲老师。



冯逸飞 sky，曾指导学生获得中国大学生计算机设计大赛国家级一等奖。一年内成功申请TouchDesigner相关软件著作权十余项。担任 TEA 线下训练营体感互动课程研发及讲师、TEA创意补给站负责人、TouchDesigner元件查询手册负责人。他擅长用TouchDesigner开发原创互动体验，喜欢用简单的方式挑战复杂的效果。线下课程中，他对待每个学员都十分细致耐心，在TEA的B站空间，他制作的视频教程更是备受好评。


课程形式

  FORM  


线上录播视频（40课时）

2年内无限回看

+

课后48h内答疑

2年内 vip 问答板块

无限次数提问

+

无需设备

提供独家体感数据包模拟插件，无需设备也可学

+

每月直播交流

分享资讯


1. 全程线上视频课程，无视时间与空间，按照自己的步调学习。

2. 设置班级群，群内交流合作，助教或导师在留言板中48小时内答疑学员问题，并且会统一收集课程内容相关问题，定期在群中发布。

3. 每月课程直播，线上面基，导师同学分享交流每月的学习创作成果，甚至还有小灶工作坊。




现在报名，有机会享受超值优惠。

主讲老师或专业助教48小时内社群答疑服务，有效期2年！



*4月18号~5月7号 每周更新 Leap Motion课程

5月30号~6月20号 每周更新 Kinect课程


图片

你将免费获得

  YOU WILL GET


第一部分Leap Motion手势互动课程完成80%以上打卡解锁课程中期奖励：


1.众多实用插件合集包含功能性型、图像滤镜型等等

2.解锁隐藏课程：赛博朋克点云漫游课程（使用游戏手柄或键盘鼠标）

3.打卡视频点赞数超100的学员可以特别获得sky收集整理的「ShaderToy-TD collection 」完整工程文件（三十余个Shadertoy to TD精品代码合集，其中包括11个可交互的GLSL文件）


课程有效期内完成全部课程打卡解锁全部奖励：


1. 颁发奖学金课程费用的9%

2. 价值268元2022新版 TouchDesigner中文书籍

3. 各种 TouchDesigner 精美文创周边

4. TEA Community官方认证结课证书


图片

TD帆布包

图片

TD周边-贴纸

图片

结业证书


图片

TD中文官方教材





试看导师免费教程，体验授课风格⬇️

                                                              MANA APP             ，             交易担保             ，             放心买             ，                                   导师免费教程                


  问 答



没有设备怎么学？

苹果不能用Kinect怎么学？


课程解决了最大的痛点就是 —— 苹果用户不能使用Kinect体感设备。而TEA独家开发了可以模拟体感数据输入的插件，并且将所有体感数据录制好提供给大家，苹果电脑也能跟着学习！当然不管是pc电脑还是MAC电脑，有了这个插件，你都可以先不购买Kinect或Leap Motion设备，直接开始学习！减少学习成本，先学习，之后考虑是否选择购买设备！



没有任何基础可以学吗？


我们为TouchDesigenr零基础同学已经制作了免费的入门教程，仅需2小时看完即可入门。可以私信客服索要免费教程链接。付费课程的第0章，导师也将带大家全面复习TD的基础操作，完全不用担心没有基础，课程也包含48小时内留言板答疑服务，有问题也可以随时提问~



什么是Leap Motion 和 Kinect ？

Leap Motion一款由Ultraleap公司专针对手势动作感应而开发的互动硬件可用于跟踪三维空间中手掌和手指的人机交互控制器，2016年该公司开发了一个支持VR的SDK。Leap Motion 设备可用于 Microsoft Windows、Mac OS 和 Linux操作系统。它的体积只有一块U盘大小，基于红外光的立体相机。它通过特定的跟踪算法来估计手以及手指的位置和方向，且灵敏度极高。


Kinect是微软开发的人体动态感应器，最开始是为了给游戏主机XBOX360所使用的外置设备，目的是不用遥控设备仅能通过身体动作就控制游戏画面。除了游戏之外，Kinect在增强现实，互动展览，以及科研教育等领域发挥了极高的应用价值。



TouchDesigner和这两个设备有什么关系？

学会这门课最后可以得到什么？


TouchDesigner是一款节点式编程互动开发平台，其众多优势之一就是可以和市面上绝大多数的影像、声音、舞台灯光、互动等设备联通，所以无需编码的基础，就可以让非从事技术人员也能轻松掌握多种设备联通的乐趣。


那么掌握这门课，便可以应对绝大部分商业项目中的体感互动需求。如果想更精进一步，甚至可以从事手势，体感的底层算法开发，这些技术都是科技大厂们这几年疯狂布局的方向，所以这其中人才需求不言而喻！



我是上班族/学生平时时间都被工作和学习占满，想问在线学习可否达到上述效果？


正因为考虑到这一点，我们特别将学习期限拉至两年，您可以自由安排学习节奏，通过解锁模式多各个知识点逐个击破，线上开设答疑社群，百分百解决您学习上的困难，并且我们设置了打卡激励制度，让您在坚持学习的过程中获得奖励！



请问激励机制的插件包具体是什么内容？


这是由TEA Community导师团队原创特别开发的工程插件包，其目的是为了建立通用性思维，根据系统快速切换，避免“重复造轮子”。成功报名的学员均可免费下载使用。（技术版权归TEA Community所有）



图片



申明：本推文关于课程内容描述部分均来自TEA Community原创拍摄或制作。若需引用文中课程图片用于非商业用途，请提前问询，并得到我方许可。除此情况外任何盗用形式均将承担相应法律责任。


图片

MANA | 全球新媒体艺术平台，MANA是全球新媒体艺术行业媒体与资源对接平台，致力于建立艺术、设计与科技协同创新的生态系统。MANA持续聚焦追踪行业热点，旨在提升优秀原创、艺术科技跨界的影响力，为相关领域人士提供交流互励平台，为优秀创作者赋能，为企业及品牌整合对接优质的行业资源，推动行业发展。／ 官 方 网 站 ／www.manamana.net


图片

作者：新媒体艺术站

特别声明：本文为艺术头条自媒体平台“艺术号”作者上传并发布，仅代表该作者观点。艺术头条仅提供信息发布平台。

是否打开艺术头条阅读全文？

取消打开
打开APP 查看更多精彩
交互设计 当代艺术
该内容收录进ArtBase内容版

    大家都在看

    打开艺术头条 查看更多热度榜

    更多推荐

    境之高瞻·域则无限：安尼沃尔·买买提当代艺术个展悉尼开幕
    打开艺术头条 2106浏览

    王者之姿！中国嘉德2025春拍现当代艺术的多元脉络
    打开艺术头条 17091浏览

    「诗形物影——当代艺术中的澳门诗歌」圆满开幕，跨界艺术重塑澳门诗意现场
    打开艺术头条 4392浏览

    雅昌指数 | 月度(2025年3月)策展人影响力榜单
    打开艺术头条 106802浏览

    雅昌专稿 | “枕山襟海”西南艺术群落新游牧状态
    打开艺术头条 56497浏览

    评论

    我要说两句

    相关商品

    分享到微信，

    请点击右上角。

    再选择[发送朋友]

    或[分享到朋友圈]

    已安装 艺术头条客户端

    　　　点击右上角

    选择在浏览器中打开

    最快最全的艺术热点资讯

    实时海量的艺术信息

    　　让你全方位了解艺术市场动态

    未安装 艺术头条客户端

    去下载

    /