资讯
展览资讯 大型展会 灯光节 大型盛典 赛事 中标捷报 产品快讯 热门话题 艺术节 活动 演出 新闻 数艺报道 俱乐部签约
观点
大咖专访 观点洞察 书籍推荐 吐槽 设计观点 企业访谈 问答 趋势创新 论文 职场方法 薪资报价 数艺专访
幕后
幕后故事 团队访谈 经验分享 解密 评测 数艺访谈
干货
设计方案 策划方案 素材资源 教程 文案资源 PPT下载 入门宝典 作品合集 产品手册 电子书 项目对接
  • 0
  • 0
  • 1

分享

我们把怀旧街机“吃豆人” 搬到百年古建上

原创 2020-02-25

Pac-Man(“吃豆人”)在1980年代风靡全球,几乎成为“电子游戏”的代名词。受万代南梦宫(中国)的委托,Studio NOWHERE选择其经典IP“Pac-Man”,利用3D Projection Mapping,结合实时物理摇杆,制造了一台巨型的“游戏机”。

圣玛丽亚女校时期(图片来源于网络)

所属于上世纪八十年代圣玛丽亚女校的钟楼古建,成为了我们此次Pac-Man投影体验项目的建筑载体。经典的8-bit像素风格界面,投影于百年钟楼立面上,虚拟且怀旧的电子世界照进现实。

3D Projection Mapping技术大家都不陌生,传统的投影介质由屏幕转向三维建筑立面,其投影内容也能够结合实体建筑,做相应的设计,增强虚拟与现实的交互,带领观众与体验者跳出日常的体验模式。

测绘数据的准确度是3D Projection Mapping项目中的重要基础,我们对古建立面数据进行了重新测绘,在一手数据的基础上,对建筑线框进行重绘,为后期设计和投影工作提供可靠的数据支持。

在快乐无限“FUN”大的主题下,我们的设计将游戏元素加以放大。以Pac-Man经典街机的实际尺寸数据为参考,游戏地图被放大了25倍,投影至古建左侧立面上。

Pac-Man经典街机(图片来源于网络)

放大25倍后的游戏地图(古建左侧立面)

而游戏摇杆,则在符合人体工学的基础上进行像素风格的再设计,并被放大至12倍。摇杆头部的设计灵感,便是藏在Pac-Man游戏迷宫里的豆子。

结合古建特点和游戏逻辑,我们进行了动画情节最初设定。

待机动画

开场动画

在游戏UI的整体设计上,亦结合古建立面特点,推敲所得。

体验流程设计

过往的群众,通过在体验入口处排队登记,便能进入现场开启体验。

为了此次BANDAI NAMCO活动能达到更佳的效果,让报名参与的体验者,在有限的开放时间内能获得更好的体验,我们在取用Pac-Man原IP经典像素风格的游戏素材、沿用其游戏逻辑的基础上,增设Pac-Man双人模式体验。

游戏设定限时为3分钟,体验者控制的Pac-Man可在时间内无限重生。Pac-Man需要在有限的时间内吃掉藏在迷宫里的所有豆子,并且和Ghost开展追踪、躲避与对抗的游戏。增设的双人模式下,Pac-Man双人在游戏中同步死亡与复活,在有限的时间内,分数高者为胜。

游戏主界面设定于钟楼立面左侧,为确保体验和投影效果的完整性,在游戏中系统预设的不同状态下,右侧立面界面将出现对应的反馈效果。如,当体验者突破系统设定的分数线,古建右侧投影界面同步出现分数Highlight。

游戏结束后,体验者的最终成绩,也将在右侧立面显示。这时体验者可以在现场与成绩留影纪念,亦可以通过扫描iPad端生成的二维码,链接至个人成绩页面,保存图片分享体验。

游戏结束后,体验者通过扫描iPad端二维码查看体验记录

路过的假面骑士Akira也停下来,进行游戏体验 (摄影/年糕)

Pac-Man由于其萌趣风格和易于上手的游戏操作,受到各类玩家群体的喜爱,是80后玩家独有的游戏记忆。如今,我们将上世纪的街机游戏搬到经过修葺的古建钟楼前,也让旧时的玩家,在充满怀旧感的声影虚拟电子游戏投影体验氛围里,带着他们的小孩,用鲜活的可触碰的交互体验形式,怀旧一把。

部分图片和视频来源于:万代南梦宫中国


Credits

Client: BANDAI NAMCO CHINA
Creative Direction: Juncheng Chen,Ryan Hu
Art Direction: Ryan Hu
Executive Producer: Juncheng Chen
UI Design: Yooyao Liu
Animation: Erica Yang,Yooyao Liu
Product Design: Alireza Sadeh
Storyboard: Bo Zheng
Design Assistant: Erin Cho
Software Development: Xiaobo Hu,Karkin Leung
Projection Support: GraviTec

Studio NOWHERE

阅读原文

* 文章为作者独立观点,不代表数艺网立场转载须知

本文内容由数艺网收录采集自微信公众号StudioNOWHERE ,并经数艺网进行了排版优化。转载此文章请在文章开头和结尾标注“作者”、“来源:数艺网” 并附上本页链接: 如您不希望被数艺网所收录,感觉到侵犯到了您的权益,请及时告知数艺网,我们表示诚挚的歉意,并及时处理或删除。

幕后故事 吃豆人 怀旧街机 3D Mapping 万代南梦宫

28050 举报
  0
登录| 注册 后参与评论