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

近日，由腾讯发行并运营的武侠 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站和微信小游戏，戳下图二维码即可下载体验！不久后还将腾讯视频等更多平台，敬请期待哟！

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