PreviousNext

海尔卡萨帝发布会增强现实展项

我们的角色

我们作为公众活动日增强现实展示内容的供应商，与嘉利公关紧密合作共同完成创意设计工作以及现场的实施，并负责三维产品以及视觉特效内容的制作。

应用环境

公众活动日在上海正大广场举行，距离东方明珠塔仅一街之隔，目标人群为海尔的高端用户，为其3天。

需求与挑战

我们需要在不到一个月的时间内完成卡萨帝厨电系列、法式、意式、六门冰箱的亮相内容制作，还包括这套产品展示区内的增强现实展品，我们不仅要保障内容制作顺利完成，更需要确认现场实施的准确无误。

解决方案

我们利用现场免费派送的产品宣传图卡作为增强现实媒介，使用卡片正面产品特性展示图作为增强现实识别的目标图案，既保留了卡片设计的美观与信息传达的功能性，也兼顾了识别的准确性，即使在现场使用蓝色环境灯的情况下依然可以准确识别。

为了使观众在游览过程中能够更为直观快捷的了解增强现实展品的操作方法以及展示效果，每个展台前都有模特耐心地为大家进行演示，并免费派送产品宣传卡给观众。最终这项工作被证实具有非常良好的演示教学效果，毕竟再图文并茂的操作说明也比不上一个真人为您现场演示。

合作伙伴

嘉利公关

PreviousNext

世博会航空馆网上展馆

我们的角色

我们与祝融科技合作共同完成作品的设计与制作，我们主要负责三维交互内容的制作。

应用环境

作为世博会网上展馆，您可以直接访问下述地址进行体验：
http://pavilion.expo.cn/e1005/ssize/index.htm

需求与挑战

作为网上展馆，文件的尺寸直接关系到用户下载等待的时间，进而影响到用户体验的流畅程度，而要提供更为细腻逼真的三维画面，文件的尺寸又需要作出牺牲，我们必须要在这两者之间找到一个平衡点。

解决方案

我们在网络上使用三维技术虚拟了“起航厅”、“飞行启示”、“后展区”、“模拟机区”、“航空纪念品区”这5个展馆，并且根据“模拟驾驶舱”这一实体馆体验装置创作了“模拟飞行”这一网络特色展示项目——用户不仅可以翱翔蓝天一睹未来战机的风采，还可以在天空中作出各种高难度飞行动作，体验驾驶的乐趣。

合作伙伴

祝融科技

PreviousNext

星宫漫游

创意

每个现代人对于星座或多或少都有所了解，仰望夜空，很多人都曾尝试过寻找自己的星座，而我们希望设计出一种三维交互式的星座观赏体验，供大众了解星座、认识星座，抑或只是单纯感受星座文化为我们带来的愉快的审美感受。

过程

我们与设计师王倩合作共同完成作品的设计，并负责最终素材整合与技术实现。我们认为作品在画面上应侧重唯美与梦幻以满足一般大众对于12星座的遐想，因此交互体验也需要作出相应的调整从而给用户带来一致的优美感受。

另外值得一提的是，12星座中每一个星座都有几颗至十几颗星星，为了能够在短时间内完成星星在三维空间中的排布我们专门开发了一个小工具来帮助设计师简化繁琐的移动与对齐操作。

结果

整个交互式体验分为两大部分：在夏日星空的场景中，用户以北半球的视角仰望夜空，可以形象的看到每一个星座在天空中的排布以及三维造型。点击某一星座的任意星星之后会进入到星座介绍场景，在这里用户可以浏览该星座每一颗星星的相关图文知识以及星座的传说故事，还可以360度全方位欣赏星座的三维形象。

最终作品的展示结合了触摸屏以及3D立体显示器，它可以放置于天文馆、科技馆等公共展示空间，作为向大众普及天文知识的科普展品。

PreviousNext

2010交典创艺虎年新春贺卡

创意

作为每年一度的原创贺卡，我们从一开始便确定了作品的方向——回忆2009年所发生的令广大中国人留有深刻记忆的事件或社会现象，而表现的形式我们最终选择了春节期间中国的特色项目——烟花。

过程

整个贺卡的创意、设计、制作流程为7天。

创意层面，从2009年选择10件事比我们预想的要难了许多，因为很多我们印象中的大事最终发现它们其实发生在2008年……

设计层面，比起人们传统印象中热闹而绚烂的烟花场景，我们在贺卡中需要它以一种更为安静的形式呈现在用户面前，以避免打扰整体回忆的氛围。

技术层面，用Flash实时渲染出可供用户操控的烟花棒是一个巨大的挑战，需要兼顾运行的速度与效果的逼真度。

结果

烟花表演的舞台选择在不断上升的夜空之中，以深蓝色和黑色为主色调，整体覆盖网点图案创造出一种类似印刷品的质感，为用户营造一种回忆的氛围，伴随着悠扬的音乐，烟花棒带领我们穿越2009年的依稀往事，一直飞升到对2010年的憧憬与祝福。

我们从2009一年中选取了10件令人印象深刻的事件，通过图像进行展示，点缀其间的烟花从颜色饱和度以及爆炸效果进行控制，期望给用户带来一点“小小的惊喜”，但是又不至于打乱整体节奏。贯穿整个烟花表演的是跟随在用户鼠标周围的烟花棒，在每个场景之间用户可以用它绘制出各种花火的轨迹，进入到特定场景时，烟花棒会脱离用户的控制自动在天空之中绘制出图形或文字。背景音乐在作品中不仅仅是烘托氛围的作用，它的节奏会直接影响烟花棒的动态以及向上飞升的速度，使音乐与画面的配合更为紧密。

在线体验

此贺卡为网络电子贺卡，用户在录入祝福内容后可以通过发送链接地址的形式向亲友发送祝福。

您可以访问以下网址进行体验：
http://spotlightor.com/happynewyear/2010/

Image Wave这个练习之作尝试将Unity3D这款三维游戏引擎应用于范围更广的网络富媒体应用（RIA），在这片目前Flash一统天下的领域，Unity的优势自然是高质量的真三维交互体验。该作品的灵感来源于bartek drozdz的一篇文章：

http://www.everyday3d.com/blog/index.php/2010/03/09/loading-and-manipulating-images-in-unity3d/

用户通过改变网址中所包含的图像地址参数来控制Unity程序自动加载所指定的图片，并根据该图片每一个像素的亮度和颜色动态生成不同高度、色彩的方块，当鼠标滑过方块时，高低不同的方块也会像琴键一样弹起落下，发出高低各异的音效，汇成一种单纯而不乏趣味的交互体验。

“网址传递参数”技术在Flash和其他RIA应用中非常普遍，它最直接的好处就是A用户只需要分享网址便可以让打开该网址的B用户看到A此前所定制的特殊内容，可以说是最简单快捷的“用户定制内容+分享”的方式，Image Wave的网址参数格式是这样的：

http://spotlightor.com/lab/unity3d/imagewave?url=图片网址

下面列出了一些比较有趣的Image Wave图片效果以及观看这些效果所需访问的网址：

http://spotlightor.com/lab/unity3d/imagewave?url=rb.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=https://secure.avangate.com/images/merchant/35936504a37d53e03abdfbc7318d9ec7/products/gradient.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.colorjack.com/software/media/circle.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.dreamwebstore.com/dws/dwsfiles/images/5ee2541dfab1ac2dcbd13c88f361de97063e02a2/fdesddpscs_120707.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.chinese-letter.com/images/fire-ball-black-hot-burning.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://i153.photobucket.com/albums/s216/phyreblade_blog/Weapons/Spiderman/Sword.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.thebackyardarmory.com/images/TBYA-shields%20024.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://soulysolar.mudventions.com/wp-content/uploads/2008/07/tri.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://http.developer.nvidia.com/GPUGems/elementLinks/fig16-04.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://unity3d.com/images/top-menu/mm_unity_icon.png

PreviousNext

山海游

创意

实施

应用环境

http://5iistudio.cn/wishtree

虔诚地祈愿，真诚地祝福，勇敢地表白，郑重地承诺，时值情人节之际，希望这小小的卡片能够成为大家传情达意的信使，也希望满载祝福与心愿的许愿树能够为大家的生活增添一份幸福与快乐的感觉。

“许愿树”是一个Flash结合后台数据库的网络富媒体（RIA）应用，与传统的网络许愿树相比最核心的区别是将前段用户体验的平台右HTML换成了Flash，传统的HTML许愿树大多以留言簿或者简单的图像效果示人，带给留言者的美感比较有限。我们借助Flash强大的图像显示与丰富的交互方式来提升用户体验，使许愿这一行为更加接近人们传统印象中“美好”“神圣”“纯真”的感觉。

勇敢向自己的爱人说出爱的表白~！

传统网络许愿树最突出的一个特点便是用户可以在线浏览其他人用户许下的心愿或祝福，我们呈现给大家的“许愿树”将用户不同类型、不同时间、不同关注度的愿望图形化，并在空间中码放螺旋形，以期给许愿者带来更加直观与舒适的浏览体验。

许愿树的远景，每一个标志都代表了一个人的心愿，短短一天内就有200多人在这里许下了心愿

留言时用户可以在输入内容的同步看到最终三维卡片的效果，发布成功后用户可以得到一个地址链接，将这个链接地址通过Email，QQ，MSN发送给其他人便可以分享这份祝福。

填写自己与对方的名字，还有对他（她）想说的话，选择卡片类型，在此过程中用户都可以实时预览最终的卡片效果，填写完成后用户会得到一个地址连接，将地址发送给他人为他（她）带来一份惊喜

在线体验交互贺卡：http://5iistudio.cn/happynewyear

金牛尾巴翘，新春祝福到，在2009农历春节到来之际5ii工作室制作应景贺卡一张送给大家，贺卡使用PV3D表现中国传统剪纸的视觉风格，贺卡在2天内制作完成，是一次短暂而愉快的制作体验。

http://spotlightor.cm/lab/flash/dm

一个PV3D的简单应用，通过三维交互预览设计师设计的DM刊的视觉效果，并且可以实际体验折叠的效果。

因为最近刚刚完成金帝薄片巧克力系列的视觉设计作业，为了能够预览DM刊效果便做了这个小东西，使用了平面反射效果，在PV3D里面实现真是非常简单，是一个很实用的特效。之所以使用Flash进行制作是出于其利于传播的优势，可以很方便的发给客户或印刷厂看，代价就是需要牺牲一点效果，比如文字的锯齿严重。

更多图片：