North Kingdom: Vodafone NetGuys 新作案例台前幕后创作史(多图)

大神North Kingdom最新出品—大型交互式在线3D游戏NetGuys,基于Adobe Flash 11制作而成,通过硬件加速的方式实现交互3D动画效果。

上手玩:http://netguys.vodafone.de/en/

英文内容及版权所有:
DesignChapel:Vodafone The NetGuys
DesignChapel: The Making of Vodafone the NetGuys
翻译、编辑: Vivian Peng@DamnDigital

该项目的ATL广告代理为Jung von Matt,主要任务是需要将广告主——Vodafone电信网络的优势和核心卖点,通过队官方代言人,即四个游戏角色人物The NetGuys来形象,直观地传达给德国的目标消费者人群中,此次宣传活动覆盖TVC,平面,户外,楼道,以及线上互动等各大宣传通路,所有通路的广告都将以此次的代言人,即四位游戏角色人物为创意进行展现。希望能够挺过游戏角色的塑造,给予消费者生动,富有趣味的深刻记忆,从而将Vodafone电信的形象深入人心。

对于互动通路,Vodafone要求能够将四个游戏人物塑造出具有极强互动性,趣味性的交互游戏体验,经过商议,决定此次互动游戏部分基于Adobe Flash 11进行制作开发。同时,在此基础上,需要在浏览器中实现生动逼真的3D 动态效果。

对于North Kingdom来说,主要的创意实现目标是为Vodafone的目标受众传达的核心Message是Vodafone移动电信能够为人类创造激动人心的未来云端生活体验。

案例信息 — North Kingdom.

3D动画由cinema 4D制作而成,为了更好地制作出更为逼真的游戏角色人物效果,North Kingdom自掏腰包购买了TurboSquid的正版3D手作模型作为参考。

下图为North Kingdom制作的宣传Poster:

简单地来说,反正这个项目的3D动画,从一开始计划时的采用实时3D技术制作,经过各种变化和波折,最后变成了用Flash动画来做。(Sign……)

  • 3D导航菜单按钮的测试画面,请点击体验:3D Menu
  • 前期阶段的Flash动画测试,请点击体验:Early animation flow

游戏截图:

 

The Making of  Vodafone the NetGuys 案例背后的制作故事

整个游戏的体验设计全部根据NetGuys的TVC内容为原型进行设计创作,该TVC是2011年在伦敦拍摄的。是的,我们要根据2011年的vodafone官方TVC内的四个人物原型进行创作,当时这一TVC在英国制作拍摄,最后换成德语,在德国市场播出。


Vodafone TVC 2011 – Net Guys,Time to Wander

是啊,基本上,在非常非常非常有限的时间里,我们依然等于要从头开始想一系列问题:我们该做什么,怎么做,最操蛋的是时间真的真的很短

尽管客户只是说了要一个简单的,易于参与体验的网页端互动游戏。。不过对我们来说,还是要想办法把这个游戏用可行的3D技术做到极致才行。所以,在做这个游戏的时候,我们花了不少时间参考了著名的iPhone端3D游戏,比如“Canabalt”《屋顶狂奔》、 “Mirror’s Edge”《镜之边缘iPhone》,上图是我们在项目最开始时期一天的时间做出来的设计稿,是啊,虽然这个游戏是用3D做的,但是一开始,我们还是习惯先画出来。和当时的《North Kingdom:ROME & “3 Dreams of Black” 及其背后的故事(长文多图杀猫瞎眼)》案例的做法如出一辙。

游戏元素设计稿

为了游戏体验过程更良好,我们为游戏设计了一套徽章,以古代铜币上的符号图形作为徽章的元素,同时借鉴了8-Bit强烈的电子感视觉元素,在复古的设计中又融入了一些未来和前卫的感觉。不顾,最户,还是必须在他们的衣服上带上Vodafone Rg”.这几个字……

游戏的场景设计

做游戏的各个场景,就不得不考虑三个重要方面: 生动,不能复杂,还要COOL!所以,我们对所有场景背景里的房屋街区一个个单独划分,分别制作,具体见以上。

此外,为了保持游戏整体的休闲和轻松氛围,我们在场景和纹理设计上尽量使用了简单分明的单线条,而不是复杂的实景透视的线稿。反正整体我们最后做到的程度,我们自己是很满意的

后台开发

游戏最终是在Flash 11的基础上使用 dynamic 3d和硬件加速的方式来呈现3D效果的。下面是我们制作过程中的一些测试页面和测试游戏,有兴趣的朋友可以点击链接体验:

首先,是比较丑的最初期的游戏测试Demo:
http://demo.northkingdom.com/vodafonenetguys/dev/gameplay_prototype/
http://demo.northkingdom.com/vodafonenetguys/dev/gameplay_prototype2/

这是动画Demo:
http://demo.northkingdom.com/vodafonenetguys/dev/anim/

街区场景的Demo:
http://demo.northkingdom.com/vodafonenetguys/dev/blocks/
http://demo.northkingdom.com/vodafonenetguys/dev/blocks2/

游戏部分:
http://demo.northkingdom.com/vodafonenetguys/dev/game3/ (第一版Demo游戏)
http://demo.northkingdom.com/vodafonenetguys/dev/game5/(中期版Demo)

游戏人物角色




游戏中人物的动态设计是根据TVC内的真人形象原型进行全真模拟和绘制的,我们做了两个版本的动态人物动画——一版是用于游戏的,另一版用于推广的视频影片。


Project: Vodafone NetGuys
Client: Vodafone Europe
ATL Agency: Jung von Matt
Production: North Kingdom
Art Director and designer: Robert Lindström




1 Comment

Have Your Say »

Required

Required, never published

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