动漫衍生品数字展厅的设计与实现

该文阐述了构建动漫衍生品数字展厅的基础理论与研究思路，并在设计实践的基础上提出将视觉要素与数字技术相结合的设计流程与实现方法，开发出一个动漫衍生品的多功能网络展示平台，以此作为虚拟现实技术在动漫领域应用的初步尝试，并提出其潜在应用对象与发展前景。 
　　关键词：动漫衍生品；虚拟现实；数字展厅 
　　中图分类号：TP37 文献标识码：A文章编号：1009-3044(2011)18-4448-03 
　　Design and Implementation of Digital Anime Derivative Products Gallery 
　　GAO Feng-yan, YU Liang, WU Bin 
　　(Liaocheng University, Liaocheng 252059, China) 
　　Abstract: On the basis of design practice, it described the basic theory and research ideas of constructing digital anime derivative products Gallery，also proposed the design process and implementation，combined visual elements with the digital technology. It developed a network display platform of anime derivative, as the first attempt of the application of virtual reality technology in the field of animation, and proposed their potential users and development prospects. 
　　Key words: anime derivative products; virtual reality; digital gallery 
　　动漫衍生品是指利用卡通动漫中的原创人物形象，经过专业的卡通动漫衍生品设计师的精心设计，所开发制造出的一系列可供售卖的服务或产品。音像制品、电影、书籍小说、各种游戏、玩具、服饰、文具，等等，都能开发成动漫衍生品，更能以形象授权方式衍生到更广泛的主题餐饮、漫画咖啡馆、主题公园等旅游产业及服务行业等领域，是动漫产业链中非常重要的环节。 
　　虚拟现实（Virtual Reality，简称VR）是涉及计算机图形学、人机交互、人工智能等学科的一项综合技术，也称灵境技术或人工环境。其目的是利用电脑模拟产生一个三维空间的虚拟世界，提供使用者关于视觉、听觉、触觉等感官的模拟，让使用者如同身临其境，打破时间限制观察三度空间内的事物。经过几十年的发展，虚拟现实已经从军事、工业设计，走向包括游戏、展览展示等在内的更广泛的生活娱乐领域，与网络、多媒体并称为21世纪最具应用前景的三大技术。 
　　本课题作为虚拟现实技术在动漫领域应用的一个初步尝试，将界面设计、Flash应用、三维建模、交互语言与动漫产业的广阔市场相结合，整合形态设计、色彩设计、空间布局等视觉要素，结合先进的数字技术，开发出一个动漫衍生品的多功能网络展示平台。 
　　1 理论基础 
　　如果说以往的虚拟现实技术考虑更多的是如何实现，那么，在信息时代日益深入的今天，展示形式也成为一个重要课题。如何做到技术与艺术的完美结合、内容与形式的有机统一，或许才是我们如今所面临的关键问题，由此确定了本课题需要结合的基础理论： 
　　1) 展示设计 
　　展示设计一种是主体为商品的综合艺术设计。展示空间是伴随着人类社会政治、经济的阶段性发展逐渐形成的。在既定的时间和空间范围内，运用艺术设计语言，通过对空间与平面的精心创造，使其产生独特的空间范围，不仅含有解释展品宣传主题的意图，也能使观众能参与其中，达到完美沟通的目的。从商业的角度来看，展示较其他促销手段有着高效、直接的特点，在为企业提供巨大商机的同时，也为企业节约了不少资金。 
　　现代化的展示形式往往动静结合，巧妙的运用幻灯、全息摄影、激光、录像、电影、多媒体等现代技术、虚拟现实技术，使静态展品得到拓展，从而造成生动活泼、气氛热烈的展示环境，具有身临其境的效果，满足观众的自主性。 
　　2) 动画设计 
　　动画是一种综合艺术门类，集绘画、漫画、电影、数字媒体、摄影、音乐、文学等众多艺术门类于一身，近几年随着国家的大力扶持而广受关注。在此背景下，“泛动画”理论应运而生：“泛动画”概念下，动画成为一种技能，运动规律、镜头表现仅仅是一种内容的表现方式，是视觉形态从文字、图像到动态表现的一种发展阶段，可以融入到各行各业中，尤其是新闻领域、军事领域，以及建筑领域的虚拟现实表现，或用动画来回顾、演示不可重复事件，或用动画来进行结果的预演示。 
　　3) 传播理论 
　　加拿大著名传播学家马歇尔・麦克卢汉（Marshall McLuhan，1911~1980）曾提出著名的传播理论――“媒介即人的延伸” 。他认为，媒介是人的感觉能力的延伸或扩展。印刷媒介是视觉的延伸，广播是听觉的延伸，电视则是视听觉的综合延伸。每种媒介的使用都会改变人的感觉平衡状态，产生不同的心理作用和对外部世界的认识和反应方式。 
　　2 研究思路 
　　国内虚拟现实技术应用最成功、最典型的案例当属网上世博会，它通过互联网、虚拟现实等多种技术的融合，将实体世博会的精彩内容，呈现在网上，同时充分利用互联网的特点，营造了一个访问者和实体世博会进行互动的网络平台，使上海世博会成为“永不落幕的世博会”。该项技术也为中国美术展开辟了新的思路――中国美术馆从2007年至今依次完成的“从提香到戈雅――普拉多博物馆藏艺术珍品展”、“盛世和光――敦煌艺术大展”、“耕耘与奉献�D�D吴冠中捐赠作品展”、“泰特美术馆藏透纳绘画珍品展” ，开虚拟展厅之先河，带给观众更为强烈的现场感与参与感。 
　　通过借鉴以上案例，做好展厅功能区块的划分，借鉴购物广场分楼层摆放商品的模式，设计出一种模拟商场楼层的展厅架构（如图1）： 
　　1) 首页：设置为一个简单的二维动画，简要介绍展厅功能，设置楼层导引，类似于商场的门厅。 
　　2) 一楼：图书漫画板块。采用图片与二维动画相结合的方式，融合电子书的设计概念，受众可以通过网络交互挑选自己喜爱的漫画图书进行试读。 
　　3) 二楼：玩具文具板块。二维或三维交互设计，物品随机摆放，受众可以通过鼠标点击进行重新布局或“拾起”玩具，让挑选过程像游戏一样有趣，意在通过情感诉求打动潜在消费者。 
　　4) 三楼：服装服饰板块。受众在此可以挑选自己喜爱的服装、饰品，选择不同的号码、颜色，并通过三维人体模型进行试穿。 
　　5) 四楼：影像视频板块。通过视频片段的融入，推介优秀动画片，增强网络展厅的休闲娱乐功能。 
　　6) 五楼：角色模型板块。实现对卡通角色的360°全方位查看，使受众能够更加细致地了解展品的特色和品质。 
　　7) 末页：公布商家信息、接纳用户回馈，搭建商家与用户的交流平台。 
　　3 技术与实现 
　　数字展厅的构建是基于现实展厅的特点，采用3ds MAX软件制作三维界面与三维模型，运用flash强大的交互功能实现楼层的分布和商品的互动展示，最后通过DreamWeaver动态网页技术完成与受众的互动交流。在本例中，基本设计流程图如图2。 
　　3.1 二维部分 
　　包括整体架构的建立、展品分类与布局，界面效果图设计等等，使用的主要软件为：Illustrator 、Photoshop，并通过Dreamweaver的CSS完成网页布局。考虑到动漫衍生品数字展厅所针对的受众主要是广大的动漫爱好者，以青少年为主，在界面设计与色彩搭配方面确定了清新、活泼的格调，窗口饰以生机勃勃的绿色藤蔓，不同楼层的背景分别选用粉红、粉黄、粉蓝等可爱而具有亲和力的色调，使得楼层间易于区分，同时增强了展厅的层次感、趣味性和对受众的吸引力。 
　　3.2 三维部分 
　　包括虚拟展厅场景的制作，动漫衍生产品三维数据库的建立。在本例中，三维场景主要体现在通过三维建模、阴影设置和色彩效果营造的三维窗口上。三维角色模型重建可以通过建模渲染或三维扫描的方式完成，本例中采用了建模渲染方式，主要步骤如下： 
　　1) 在3DS MAX中构建角色模型（如图3）； 
　　2) 添加材质、灯光，使模型更真实、细腻； 
　　3) 导入到Swift 3D（能够构建模型，并渲染SWF文件，充分弥补了FLASH在三维动画效果制作上的不足）中渲染，完成动画制作，输出.swf格式的动画片段。 
　　3.3 动画交互 
　　目前，网络上的三维虚拟环境都需要安装第三方插件才能够显示，而且速度慢、等待时间长，这是受众在浏览网页时所不愿意碰到的。在本例中，为了避免这种情况，让受众在不安装第三方插件的情况下就可以查看三维情境，采用了Action Script 3.0和XML两种交互语言来实现，使网站的扩展性和维护性得到了大大的提高。 
　　Action Script 是针对 Adobe Flash Player 运行环境的编程语言，在 Flash 内容和应用程序中实现了交互性、数据处理以及其它许多功能。而Action Script 3.0 的脚本编写功能超越了 Action Script 的早期版本，更易于创建拥有大型数据集和面向对象的可重用代码库的高度复杂应用程序。扩展标记语言XML是Internet环境中跨平台的、依赖于内容的技术，是当前处理结构化文档信息的有力工具。它是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以方便地建立，虽然XML比二进制数据要占用更多的空间，但它极其简单，易于掌握和使用。 
　　具体实施步骤如下： 
　　1) 将前面完成的三维动画片段以序列帧的形式导入flash，添加Action Script 3.0代码链接，实现三维模型的360°浏览（如图4）； 
　　2) 在Flash中分别制作各楼层的二维动态展示效果，添加背景音乐、音效以及视频，输出.swf格式文件。楼层间的切换同样仿照商场观光电梯的视觉效果，通过Flash动画设置出滑动、跳跃的感觉，更具趣味性。 
　　3) 将制作好的flash文件发布为html的浏览器格式，并在Dreamweaver中安排界面布局，设有企业信息层、用户回馈栏等内容。最终完成以图、文、声、视频、动画、360°产品环视图、交互式物品陈列等为内容的展厅设计（如图5、图6）。 
　　图5 玩具文具层展示效果 图6 影像视频层播放效果 
　　4 总结与展望 
　　数字展厅既可作为传统展厅的补充和延伸，打破时间、空间的限制，实现24小时的展示，亦可单独应用，从而减少实体展厅的投入费用，是科技发展到今天必不可少的展示方式。以本课题开发的动漫衍生品数字展厅为例，其潜在应用对象就包括动漫节展主办方、动漫企业、动画院校、幼儿园等企事业单位。对主办方而言，以文字、图片、视频、三维场景和三维物品等形式陈列商品、展示作品，充分利用互联网的传播优势扩大宣传，更易于引导消费，捕捉商机，扩大宣传；对广大受众而言，足不出户就可以更真实地接触到更多的产品、作品，丰富了上网体验，节约了外出费用。 
　　数字展厅在动漫领域的发展潜力是巨大的，但仍存在着许多尚未解决的理论问题和尚未克服的技术障碍。如何做到艺术与技术的完美融合，是问题的关键之一。本课题中仍有诸多不尽人意之处，在接下来的实践中将进一步改进。