http://news.hxsd.com/CG-animation/201208/663303.html

编者按:《My Tai Chi》是一系列基于移动平台的三维互动产品,由北京七星汇工作室和清华大学课题组用了两年时间联合开发完成。该APP获选2012年ACM SIGGRAPH。SIGGRAPH大会于8月8日为该APP做了专门的DAMO展示,是中国本土创意团队和开发团队首次借助移动平台结合三维动画、信息互动技术推广中国传统功夫文化的成功尝试。

主创团队

选题锁定功夫 采集太极大师动作数据

  随着智能手机、平板电脑的逐渐普及,越来越多的人希望通过移动设备来获取信息,而移动设备特有的触摸式交互方式也给人们带来了更直观的操作体验。比如众多交互式教学APP的涌现,正是体现了这一趋势。在功夫类文化中,最有中国特色,同时在海外流传最广的当属太极拳,太极拳中又以陈氏太极拳最为古老和权威,所以制作陈氏太极拳的移动应用成了项目课题的首选。

SIGGRAPHASIA展示短片

  此APP将三维运动捕捉采集下来的太极大师的准确数据,通过三维动画的形式展现在移动平台上,借助最新的交互技术增强学习者的学习体验,以弥补传统教学的不足,同时增加学习和分享的乐趣,同时在潜移默化中传承中国传统文化。

曲志远老师在采集动作

田秋信老师在采集动作

  为了保证太极拳教学的质量,项目组联系到了70岁的“中国陈氏太极第一人”的太极大师田秋信老师,项目的想法得到了田老师的大力支持,他亲自参与到数据采集工作中,为大家展示了陈氏太极行云流水的几个完整套路。田老师的高徒曲志远老师(现为中国武术段位七段,国家一级教练,国家级社会指导员),为大家进行了招式分解动作的采集。在二位老师的支持下,项目组采集了陈氏太极一路、二路、十三式及步法的专家动作数据。

 之后项目组开始着手陈氏太极拳的数据整理工作。考虑到将来制作时,数据量会越来越庞大,项目组建立了专家动作数据库,用于数据的管理。同时又同步开始了三维模型、材质灯光、三维特效、三维动画的建设。根据陈氏太极招式,总设计师精心设计并制作了160个太极动作图标,将中国象形文字、太极阴阳等传统文化艺术元素融入到现代标识设计中,为数字化的呈现融入了具有中国特色的艺术设计。

motioncap

按部就班 项目的流程表揭秘

  动作数据采集

  修补动作捕捉数据,并将其转换为c3d文件。

  利用Maya等三维制作软件制作三维人物模型,进行材质贴图、绑定。

  在Motionbuilder软件中导入c3d文件和Maya的人物模型,进行动作匹配。

  将匹配好的动画倒回到Maya中,参看原始的动作视频,进行动画调整,修正。

太极动作图标手稿设计

太极动作图标示例

  在Maya中制作场景文件

  应用的整体UI设计制作

  音乐、音效的编辑制作

  导入已制作好的各种素材,利用三维引擎进行交互制作,编写代码,调用照相机、摄像机等ios移动设备的原生功能。

  应用的测试工作

  发布到苹果商店

  应用的宣传推广

83式太极拳示意图(点击可看大图)

制作与开发 移动平台三维动画难点解析

模型制作—控制面数适应移动平台

  考虑到各方面人群的喜好,项目组一共制作了三套模型。男性教练角色、女性教练角色和骨点教练角色。骨点教练角色一开始是为了增加趣味性引入的,但是其骨骼的简洁性使得学习者能更清晰的看到动作的分解,反而在一定程度上加强了教学效果。

  由于在移动平台上的限制,模型面数不能过高。过高会使得人物动作变得很卡,而且会面临设备内存不足的限制。在最开始的时候,项目组经验不足,所以制作的模型的面数超过了一万。后来采取了各种方法,例如人物在运动的过程中一直是着装的,所以衣服下面的身体部分没有必要建模。另外采用了法线贴图等技术,保证在低模的情况下也能达到满意的效果。

为人物模型刷权重(点击可看大图)

动画修补—修正穿帮保证准确性

  由于采集设备的限制,APP中有部分的动作出现了穿帮现象。动画师根据现场的录像资料一帧帧的,对穿帮的部分进行了动画修正。这个工作虽然艰苦,而且单调,但是保证了最终动作的准确性,是整个项目最核心的基础。

maya中进行动画修补(点击可看大图)

maya中进行动画修补(点击可看大图)

程序制作—采用多技术丰富功能性

  考虑到目前苹果的ipad,iphone在移动设备中处于领先的地位,所以本应用首先基于苹果平台上开发,在将来预计会拓展到安卓、window phone平台。

  程序上采用已有成熟的三维引擎,并加入objective-c编制的代码调用ios设备的原生功能,例如摄像头设备等,使得程序在功能上进一步丰富。

motionbuilder中进行数据和模型的动作匹配(点击可看大图)

提高用户黏着度 UI界面设计经验

  为了提高用户黏着度,我们在界面设计和触摸操控上做了调查和测试,调查发现,太极的目标用户大多数为35岁以上对太极感兴趣的都市人群。他们选择太极应用的原因大多数是为了追求健康和生活品质。所以如何突显健康意境、提高教学的便利、以及如何在教学中融入趣味性和社交性是我们考虑的核心。

录像对比示意图

  首先,界面要让用户觉得轻松、健康。经过反复修改,最终设计师决定用回归大自然的气氛和色调来设计界面。在菜单图标上,采用图形与文字相结合的方式以减少用户思考的负担。为了提高教学的便利,除了能让用户360度实时观看角色动画外,还提供了录像对比的功能。这就使得不熟悉影片编辑的用户,也能很轻松地调出自己的太极录像,实时地与三维角色的太极动作进行对照。同时,界面设计师增加了一些交互设计元素。除了点击三维角色可实现实时地动态地换装,更换三维教练形象、教学场景外,为了增加趣味性,应用增加了混合现实的元素,使得用户可以实时地将自己真实的脸更换在三维角色上,这样即使一个不会打太极的用户,也可以通过换脸的途径来欣赏自己打太极的样子,进而与朋友家人分享这样有趣的场景画面。

换脸示意图

换脸示意图

艺术风格 视听设计体现太极意韵

  太极拳柔中有刚,相互对立又相互转换。因此在界面设计上,追求图标与场景的融合。太极拳动作的开合非常吻合海浪潮汐的节奏,这也许是太极拳遵循自然规律的体现。因此,在这套应用的选曲、配音上,搭配了古琴与海浪潮汐的声音。

  在造型设计上,追求圆而饱满的造型,避免尖锐的外形。比如《My Tai Chi》应用中招式分解的150个动作造型图,模仿汉代画像砖圆润而抽象的造型风格,显得古朴生动。

图标设计示例

  在色彩设计上,由于传统太极图在静态时只有黑白两色,但在旋转时,黑白之间似乎产生出各种颜色。这种色彩视知觉被应用在应用中。应用里的图标常态时为黑白,点击呈现为彩色纹样。

火星网专稿,未经授权不得转载

应用教学画面

应用教学画面

结语

  工作室目前已经完成了陈氏太极十三式,八十三式、七十一式的制作与发行。接下来项目组计划完成陈氏太极其他套路的数字化过程,未来再把陈氏太极、八卦拳等其他中国传统武术项目数字化并发布到移动平台上。平台也会从单一的ios平台扩展到其他,例如基于安卓的移动设备、智能电视等。

  纵观移动平台上的产品,虽然数量庞大,但三维类的不到1%,这是因为三维类的产品开发需要更多的时间投入和人力资源,需要一个较长期的开发期。《My Tai Chi》的成功之处在于模式的原创性开发和建设,这使得实验室里数据化的信息可以在这个模式平台上被传播得更广,现代科技的成果可以被更多的人享用。

转载于:https://www.cnblogs.com/xuejinhui/p/4568970.html

亮相SIGGRAPH 太极拳三维教学App制作揭秘相关推荐

  1. 线上英语教学APP开源平台(定制制作)

    线上英语教学APP开发,线上英语教学APP开发平台,线上英语教学APP开发定制,线上英语教学APP开发制作.互联网教育大家的教育业方位,最受欢迎可数智能化英语教育,英语教育APP开发设计主要是对于中小 ...

  2. 长春APP开发公司揭秘让百万用户热门下载的APP制作时掌握的技巧

    当今,互联网已经渗透了生活的各个领域了,而手机应用APP自然成为了不少企业及个人提升品牌形象.传递信息的佳选择.一家企业拥有一款APP是再正常不过的事情,手机APP软件不仅是全新的企业信息管理平台,还 ...

  3. 教python的app_Python教学app下载

    Python教学app是一款免费Python语言学习平台,Python教学app教学资源丰富,通俗易懂,各种编程知识免费学,用户可以在Python教学免费学习教学视频,掌握好Python 软件介绍 P ...

  4. 舞蹈教学app开发定制有哪些基本功能

    随着人们经济水平的提高和对业余时间娱乐活动的多种探索,舞蹈成为很多人技能学习的一种选择.受疫情影响,除了线下报班学习之外,线上舞蹈教学成为一种新的流行趋势.舞蹈教学app开发定制可以帮助人们更好地学习 ...

  5. 手机app软件测试教程,手机app制作软件测试app的技巧和方式(上)

    测试(Testing)是写程序很重要的过程之一.当手机app制作软件一步步完成,过程中你需要不断的测试,随时掌握画面.写出来的功能是否在交到使用者手上时是正常运作.而Thunkable平台上提供了什么 ...

  6. 《iVX 高仿美团APP制作移动端完整项目》03 推介信息及推荐商家分析及制作

    点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.推荐信息制作 推荐信息与之前的标题下推荐信息制作类似: 此时依旧创建一 ...

  7. 《iVX 高仿美团APP制作移动端完整项目》02 搜索、搜索提示及类别需求分析思路及制作流程

    点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.搜索制作 在上一节中我们完成了标题头的制作,接下来我们查看如何制作搜索 ...

  8. 《iVX 高仿美团APP制作移动端完整项目》01 标题需求分析思路及制作流程

    点击整个专栏查看其它系列文章 (系列文章更新中-):<iVX 高仿美团APP制作移动端完整项目> 项目界面预览: 一.创建项目 首先打开在线编辑器地址:https://editor.ivx ...

  9. vc6开发一个抓包软件_开发一个软件多少钱?传统app开发与0代码app制作方法对比...

    开发一个软件多少钱?app开发难吗?app制作需要哪些流程? app开发很难:按照传统的开发方式需要最少5名以上的技术人员,团队配合花费3个月左右的时间才能搞定,成本20万以上. app开发也很简单: ...

  10. 三维立体动画制作_三维立体动画制作相比传统方式的特点

    三维立体动画制作是利用计算机软件建立起虚拟的环境,设计模型以及场景,再根据需要表现的效果,设定模型的动画参数.运动轨迹和方向等.三维立体动画制作相比传统方式具有众多的特点,艺虎动画做出了以下总结: 三 ...

最新文章

  1. MySQL之深入解析自增主键为何不连续
  2. Java Mybatis Xml写法 查询语句的动态设计总结
  3. Android系统性能优化(54)---Android性能分析专题
  4. 区块链开发指南_区块链软件开发详解
  5. 浅析MySQL中exists与in的使用
  6. 圈圈教你玩usb第一版件电子资源使用说明
  7. wex5bex5 ---- (一)
  8. java 盲水印_3步搞定图像盲水印?试试云开发扩展能力
  9. 搜狗站群代码之搜狗批量推送工具
  10. DAC7724数模转换芯片小结
  11. CSS解决中英文的换行、不换行、超出后显示省略号的问题
  12. fly.js 的二次封装
  13. 【富文本】3如何制作U盘系统盘
  14. 武汉市企业研究开发中心备案
  15. 170902 WarGames-Narnia(8)
  16. openlayers 图层刷新问题
  17. 【一图看全】北京新基建行动方案中的30大要点
  18. Python处理今日头条保存的无法打开图片,今日头条web图片转换为JPG图片
  19. AssetBundle中Unload()方法的作用
  20. web网站安全 CSRF介绍及解决方案

热门文章

  1. 适合运动的耳机有哪些、最好用的五款运动型耳机推荐清单
  2. 【人生苦短,我学 Python】基础篇——字典(Day10)
  3. 瑞芯微(RKDocs)平台技术开发资料汇总(rk3188,rk3066,RK3128,rk3288)
  4. 下一代Web服务的基础框架——F2F俱乐部SOA系列活动
  5. Linux下安装调试MQTT Mosquitto
  6. tensorboard--曲线图颜色深浅两条线
  7. html制作唯品会登陆页面,唯品会网页登陆页面高清,唯品会网页版登陆页面,唯品会网页登陆页面...
  8. echarts-gl三维展示自定义地图
  9. 惠普Elite Mini 800 G9 评测
  10. 致远SPM国资企业解决方案之督查督办管理