Fantasy Interactive (Fi): 看谷歌浏览器如何重现《罗摩衍那》传奇

罗摩衍那(梵语,Rāmāyaṇa,意思为“罗摩的历险经历”)是印度两大史诗之一,在印度文学史上被称作最初的诗。此次介绍的案例就是Fi联手奥美,利用谷歌浏览器的优越性能将古老的诗篇以数字空间的形式再现,让人们体验畅游在古印度冒险的乐趣!

URL: http://ramayana.sites.f-i.com/

本文内容均来自: Fi Ramayana Case Study
文章所有图片与版权归: Fantasy Interactive(Fi)所有, 请尊重版权!
翻译、编辑:Lena Chen/London.H@DamnDigital
Image: Wang Qi@DamnDigital
(转载请注明来自DamnDigital)

The Client  客户

Google,就是无论你走到哪里,都可以骄傲的将它视为一个亲密而值得信赖的伙伴。乐趣和技术巧妙的组合,使我们对它乐不思蜀,而无论何时与Google一起所完成的工作,结果总不言而喻的充满惊喜。

在这个案例中,谷歌新加坡是我们主要的客户,而在过去的多年里我们也同谷歌许多不同的部门有过多次合作。从未觉得无聊,时时充满着创新与开创性,这是我们合作之后的真实感想,因为我们有着同样热爱的事情去做。

The Challenge 挑战

这个挑战已不仅仅局限于用数字的方式来改写此经典的童话故事,更多的是集中在如何如我们所知的那样,在丰富且身临其境的互动体验中真实呈现印尼和泰国的文化。依靠Chrome浏览器的强大能力,以及其他一系列的谷歌功能,我们知道我们已经张弓搭箭准备就绪。

The Concept 概念

From Paper To Pixels 从纸张到像素

所有好创意都无一例外的从草稿开始…摆脱数字参数的约束,在我们要真正将想法变成可操作的概念之前,我们要深入思考所有有可能性的。

Strictly Analog 严格的模拟

将古印度最重要的文学作品之一数字化,其中包含了现场场景重现——起先十分粗糙,之后慢慢的对细节层次进行细化。

Sketching a Solution  勾勒解决方法

平心而论,设计是解决问题的规则,我们在将问题提炼到数字空间去之前,要用原有的粗糙的草图去处理和解决核心挑战。

The Boards Tell the Story  董事局如是说

一个古老史诗佐证了一个史诗的重生,而故事就是通向故事王国的关键,就叙事流和时间轴来说,它将完整并公正被还原。

Google Product Integration 谷歌产品整合

  • 地图——即使是一个虚构的冒险也需要一个坐标基准,所以谷歌地图再合适不过了。
  • 对话——Google Talk这款软件支持角色与角色之间的对话,从某种程度上来说发展了叙述性也提高了用户体验。
  • 天气——我们找到一个有趣又富创意的方法在不改变核心故事的提前下,将谷歌天气融入进故事中。
  • 文档——Google Docs向用户提供了一个文字交流的独特途径。
  • Aw Snap——我们喜欢谷歌俏皮的语气,因此我们时常利用它为故事增添气氛。
  • 产品——即使一个古老的冒险家也需要寻求上好齿轮,所以谷歌的产品搜索功能正好适用。

The Design 设计

印度侨民创造的文化和艺术,有其内在美和华丽视觉效果,这为思如泉涌的设计理念提供了大量丰富的想象空间。我们试图在艳丽的色彩与柔和的色调中寻求一种平衡感,以此唤起深深扎根于历史背景中的视觉主题。

Inspiration Clearly Inspired  灵感: 神的启示

我们不需要为灵感太伤脑筋,用丰富的纹理和鲜艳的色彩,画出横跨整个东南亚及印度次大陆那无止境的大海。无论是从纺织品到小挂毯,还是从整个景观到文学作品,都极好的表达了主题。

Illustrative Only the Best 插图力求最好

对待这个古老而深受爱戴的故事唯一能做到恰当和公正的办法,是极尽言辞的赞美身处其中的人和他们的环境。为了这一目标我们转而求助一个经验丰富的行内人士做出插图,结果自然不言而喻。

The Main Characters 主角们

四个主角占据了叙述的大部分版面,但每个角色基于不同地区又在视觉上各有不同,传统的印度尼西亚的描写是木偶一样的,友善和特别容易接近,但是泰国的传统描述更激进一些,并且在视觉表达方式上更写实。

Elemental Interface 基本界面

Clear Components 清楚的组件

为了创造一个丰富的交互式故事叙述的体验,很明显我们需要一组能够在一个共同视觉主题中技能拆分又能合并的界面组件。与任何交互式设置一样,我们必须全面思考,谨慎设计各种状态以使得每一部分都贯穿于数字体验之中。

Layers in Sync层级同步化

当如此多不同的元素同时组合在一起时,整个组建集天衣无缝的结合就成为关键的挑战。对设计团队来说确保所有的部件在视觉和谐上能合作一致是首要目标。

Technology 技术

最终,当技术组成部分能与背景融为一体,只是单纯地工作,它就成功了。换句话说,一个好的数字体验只有在它的构成组建不妨碍体验效果的情况下真正出彩。

Multiple Chrome Windows  多个Chrome窗口

Working Separately and Together 分工合作

出于安全原因,弹出窗口只能通过用户的点击而生成。所以为了维持一个故事流畅性,我们必须激活所有刚开始五个章节各自所需的窗口,当用户点击“开始”,然后过会存储这些窗口。最后我们把窗口池隐藏在主叙事窗口后面以防它们干扰或迷惑用户体验。一个独立的叙事窗口能够确保故事主线不会被绚丽的视觉效果喧宾夺主。

Slaying Deer & Demons 屠杀鹿&猎魔人

在许多游戏元素里,包括火,烟和森林的粒子系统,数字物理学扮演了一个非常重要的角色。我们为燃烧的场景建立了一些基于Spring的应用程序,为森林里的狩猎人设定了3D光线投射和冲突检测,为倒数第二个场景的武器和弓箭设定反向运动的属性。

How We Used Canvas 我们如何使用CANVAS

Monkey Tail Magic 猴子的尾巴魔法

有弹性的灵活的猴子尾巴是故事第三章的关键,我们会紧缩代码直到它完美。最终会成为一个由用户掌握,烧掉巨人国的完全毁灭性的机动武器。

Alengka is On Fire  Alengka着火了

在数字空间中模拟现实的烟火说起来容易做起来难。这是我们的开发团队经权衡需要使用哪些Canvas,来解决这个特殊的挑战。

“在Ramayana项目上的工作的确给了我们打破界限的自由,毫不夸张地说我们只是被自己的想象力所阻。”——FI开发团队

WebGL, With a Vengeance WebGl, 猛烈反攻

“我们在这里制作了3D场景能让用户瞄准,射击鹿”

Shooting the Deer 射鹿

我们都认同不用插件就可以渲染3D图形是WebGL最大的好处,我们对这个技术进行了一些测试,把尽管涉及谋杀,但绝对精彩的逼真的狩猎体验与之结合。

Takeaway 附言

有才华的搭档,一流的工具以及一个永恒的故事都共同创造了在数字空间中身临其境的,迷人的体验。最后,这个故事真正的主人公是谷歌浏览器以及它提供给用户、开发者的无限可能与创意。我们对于能够在网络交互性的未来方面打头阵,以及和Google以如此有意义的方式搭档合作感到非常骄傲和激动。

Project: Ramayana
Client: Google
Agency: Fi & OgilvyOne




2 Comments

Have Your Say »

Required

Required, never published

无觅相关文章插件,快速提升流量