兄弟们对不起,我背着你们脱单了!
2020.09.22 by Cocos
品牌新闻

点进来的都是兄弟,介绍一下,这是我女朋友!

近日,由腾讯发行并运营的武侠 MMO 手游《新剑侠情缘手游》更新了资料片《新剑侠情缘:缘起忘忧》。该资料片最大亮点之一,便是推出了手游原生 IP 忘忧酒馆创新真人恋爱副本——《忘忧酒馆:不下线恋人》小游戏。

这款基于 Cocos Creator 打造的真人互动小游戏,既能放在手游中成为副本,又能独立运作。用区别于手游的玩法和题材,给予玩家多元的游戏与情感体验。

一、故事背景设计 

互动视频类游戏以重剧情为核心。纵观市面上同类型的游戏,基本上都是以悬疑解谜为题材,力图打造紧张的氛围和扣人心悬的情节,以满足玩家寻求新奇刺激的需求。

而《忘忧酒馆:不下线恋人》面对互动影游的同类型竞争,在故事题材上选择甜甜的恋爱主题为故事主线。此外,为了脱离“恋爱=女性市场”“恋爱就要开后宫”等刻板印象,游戏团队决定将剧情主题定性于男性向恋爱,并设定为基于一对一关系的男性视角与“不下线恋人”展开恋爱互动恋爱互动剧情:

 “你”遭遇海难,与一位漂亮姑娘困在荒岛,“你”需要想办法活下去,守护并攻略妹子,在这个过程中找回丢失的回忆,最终离开岛屿,回到忘忧酒馆,找到爱情的答案。

在故事背景设计上,《忘忧酒馆:不下线恋人》小游戏延续了忘忧酒馆 IP 独有的内核和仪式感,通过故事换酒,为深受情缘困扰的年轻男女排解忧愁。

借此背景,忘忧酒馆 IP 成功打破时空与受众局限,把解忧的范围从古代江湖走进了现代生活;目标用户也从原先的《新剑侠情缘手游》玩家,扩展到了更广泛的年轻大众,世界观更立体。   

二、游戏玩法设计 

《忘忧酒馆:不下线恋人》小游戏选择互动影游的形式演绎故事,区别于市面上其他同类作品的“真人视频游戏玩法”,玩家从观看变为亲自体验,可以获得更沉浸的恋爱体验。 

玩家将以第一视角体验捕鱼、狩猎、潜水、采集等真人野外求生玩法,以及你画我猜、挤眉弄眼等真人恋爱互动玩法。

玩家触碰恋人身体的不同部位,能得到即时的动作和语音反馈;而视频中的这些交互行为,也将影响真实视频的后续游戏进程。

三、游戏开发设计

游戏开发团队通过视频交互技术、突破常规影视拍摄、UI 与视频结合、贴近 IP 调性的细节把控、 跨平台体验等多项前沿技术,力求在“游戏”品类达到真实体验、沉浸感、代入感与剧情发展、游戏引导的平衡。

1、视频交互技术 

在小游戏平台上研发视频互动类游戏最大难题是视频处理,包括视频层叠、衔接、缓存加载以及图形互动等技术,市面上极少小游戏会对视频处理做出如此高精细的处理;其次是复杂数值策划的程序表达以及繁多的资源处理。

这款小游戏跟常规的轻度互动或游戏不一样,它具备完整的剧情章节以及复杂的素材合成逻辑,对后台开发、运维部署以及资源利用都有特别的要求,腾讯 TGideas 开发团队,是业内熟知的对 H5 互动技术研究深刻的团队,在这方面做足了准备,考究了多种适配方案。

2、突破常规影视拍摄 

真人互动游戏,讲究一个「真」。

小游戏中海岛画面全为实景拍摄,一花一木、天空海洋、昼夜更替,全是真实存在的。 

为了实现更真实的临场感受与画面美感,游戏中海岛画面的拍摄地选在了风景宜人的泰国,而现代都市戏码选在国内,于是就形成了双组协同拍摄模式,泰国、深圳两个分会场,共同打造一个真实又梦幻的世界。

从前期筹备到开拍,再到后期产出,游戏的拍摄制作历时8个月之久。

3、UI 与视频结合

这款小游戏的内容和支线发展全部为真人实景实拍,为了达到“不出戏”,腾讯 TGideas 团队决定让游戏小图标等细节素材也出自实拍。女主角和“我”的视觉表现,环境的色彩与气氛渲染,都需要统一在真实素材下,做到细致“拟真”。

为了增加互动感和代入感,TGideas 团队设置了增强与角色联结感的游戏内互动模式,为此游戏中所有的互动界面、UI 方位与文字颜色,都全部经历了小心的测试与调整。

在视频播放的过程中,会根据需求出现不同的 UI 交互,根据每个视频的打点配置,在规定时间和范围内显示出操作按钮,用户点击后,视频产生实时反馈,进而提高了用户的沉浸感。

4、跨平台体验 

作为这款游戏的联合开发部门, Cocos 引擎协助腾讯 TGideas 团队共同打破了平台的限制。

依托 Cocos Creator 强大的跨平台能力,帮助《忘忧酒馆:不下线恋人》小游戏快捷地移植发布至 H5、微信小游戏等多个流量平台上,并且保证多端体验高度一致,为游戏带来流量的快速涌入。

5、性能优化 

游戏包含了背包、衣柜、合成、菜谱、排行榜等模块,这些模块均使用了 Cocos Creator 的 ScrollView 组件,以实现页面滚动效果。但当页面中显示的物品数量比较多时,需要绘制的对象太多,就会增加手机性能的消耗,出现卡顿的问题。 

基于对用户体验的考量,开发团队对这些界面进行了深度优化。通过降低绘制的对象 DrawCall ,用工具把碎图打包成一张大图,同时将 Label 的 CacheMode 属性更改为 BITMAP, 并且通过代码,将可视范围外的物品的节点的 Opacity 属性设置为0,避免引擎无意义绘制,从而有效地降低 DrawCall 数量,提升了效率,提高了用户的体验。 

四、结语

正是因为有了专业团队的加持与精心策划,通过视觉技术和感官手段相融合,丰富的游戏玩法和互动元素,再加上高水准的画面,这才为玩家呈上了一场创新游戏体验。 

如今,放眼国内各大平台,关于互动影像内容的作品越来越多,不管是互动剧、互动综艺还是互动小说,都借鉴了游戏的操作模式,而游戏本身也在向着突破不断寻求创新。

正如我们所知,大部分创新体验都是技术先行,在技术团队解决了视频交互问题后,这个小游戏才得以开发。作为小游戏中少有的视频互动类游戏,可以预见,这个案例会引发互动影游和小游戏行业的一些关注。 

最后来一波硬广,腾讯首款真人恋爱小游戏《忘忧酒馆:不下线恋人》已上线B站和微信小游戏,戳下图二维码即可下载体验!不久后还将腾讯视频等更多平台,敬请期待哟!

扫码体验微信小游戏版本
扫码体验B站版本

部分图片来源于网络,版权归原作者所有。如涉及侵权或对版权有所疑问,请邮件联系liyun.liu@cocos.com。我们会尽快处理,感谢!