有天醒来，你竟在一个陌生的房间。

地面散落着扑克牌、手机、打火机、眼镜、烟盒。

而你，正被绑在一张椅子上。

你一脸迷茫、恐惧、惊慌，

但你必须逼自己回忆发生了什么——

逃出去！

这会不会是什么恐怖片？

不，它是悬疑互动电影《THE SAVE – 活口》的开头。这个H5刚发布就在朋友圈引发刷屏，大家是这么说的——

是的，画面阴森但其实一点都不吓人，而且很好玩。强烈建议先用微信扫下面二维码体验一下——

怎么样？1块钱花出去了没？

可能你现在对幕后团队、游戏攻略和iH5.cn的实现方法更感兴趣了（以下涉及严重剧透）。这次我们约到《活口》的主要制作人之一Fashion，聊了聊背后的创作故事。

一、够专业，也很会玩

《活口》的创作团队是Dopemine，3人合伙，分别是美术、文案、导演，目前混迹于深圳做广告创意与开发。

虽然公司在15年5月才成立，因为3位创始人都具有10年以上的广告从业经历，现在已经和很多大品牌合作过，比如微信、腾讯游戏、华为、宜家、奔驰等。其中，今年8月微信支付无现金日的线上推广，广告全案正由他们操刀。

Dopemine这个名字是多巴胺（dopamine）和兴奋剂（dope）的结合，而dope在俚语中还有“酷毙了”的意思。据创始人之一Fashion的说法，这也是他们制作《活口》这个H5的初衷：

“必！须！酷！”

9月上旬，结束微信无现金日的项目后不久，3名制作人酒后闲聊。当时A君沉迷于Agent A、Room这类逃脱游戏，B君刚好在构思悬疑故事，而C君又有丰富的H5交互经验。于是有人提议，要不做个解密逃脱类H5？

一拍即合，3人越想越兴奋……

Dopemine把它当作给自己下达的广告项目，多次开会后达成共识：要做一个“沉浸式体验的泛游戏类的交互式微电影”。之后，他们共同创作出《活口》这个“绑票”的故事，但把这个想法完全实现，其实耗了一个半月。

把控好剧情走向、关卡规则、支付设定等环节后，他们就找来一处废弃的房子进行室内拍摄——

你在视频中看到的司机、医生其实是专业演员，但中间也有一两个客串。不过拍完H5所需的视频素材后，有几人开始感觉身体不适——不是受到惊吓，只因为拍摄用的房子被荒废了太久，卫生条件比较差。

视频的拍摄和后期前后花了两周，“因为它不像传统的影片，拍完后精剪一下就行。出来后得去H5里进行调试，涉及很多（剧情）的衔接、时长要求各方面因素。”

解决了N个bug后，11月初，H5正式发布。

在没有任何渠道推广的前提下，48小时内PV高达30万。

当你看到被绑架的司机脚上那双阿迪达斯、APP上面的标识NBER（不是UBER）、电话机上的步步高时，可能会以为是幕后金主的植入广告，但其实它们都是拍摄时乱入的，这个H5完全由Dopemine自费完成。

这还不是他们第一次自己出钱出力“玩票”。

此前Dopemine在春节前后做过一个H5“我的深圳故事”，用于个人故事的生成与分享；后来还在清明节推出H5“祭扫我的童年”，用来测试80后的游戏记忆。

都是按自己想法进行创作，其中深圳故事花费1个半月时间才完成，靠朋友圈自发传播PV达到4万左右。

问原因，永远只有一个答案：好玩。

二、1块钱，你到底给不给？

已经玩通关的人，可以跳过这部分；连付1块钱的机会都没有的，欢迎多看几眼。

温馨提示：通关秘诀在于文字提示。

1、站起来，取手机

进入房间后，需要先点击眼镜，利用碎片解绑；然后点击手机，获取解密入口。

（1）打火机： “不行！太烫了，这样会烧伤我自己！”

（2）眼镜：“解开了！”

（3）手机：“电话用不了，附近有WIFI可以用吗？”

2、看监控，解WIFI密码

（1）监视器：右边的大门旁边，点击监视器获取监控画面，记住画面重复3次的5个音符。

（2）电话机：中间的桌子上，点击电话机输入数字进行验证，找出匹配5个音符的数字，记下数字与顺序（比如53602），即WIFI密码。

注：虽然监视器的音效是固定的，但因为电话机匹配不同音符的数字随机，并没有标准密码。

3、连接WIFI，付1元使用软件

（1）设置：进入WIFI设置，输入电话音效获得的密码进行验证。

（2）软件商店：支付1元后，进入性格测试APP，获得4个对应红黄蓝绿的数字，不同颜色分别与客厅的4种物件对应。

注：1234对应的颜色会变化，所以也没有标准密码。如果你实在不想花这1块钱，欢迎尝试1234的24种不同排序组合，暴力破解。

4、看电视，解大门密码  

（1）物品：找到并点击客厅内的洗手液、名片、手表、钥匙，分别获得它们背后代表的颜色含义为蓝、红、绿、黄。

（2）电视：打开电视，播放视频片段，获得4种物品出现的次序分别为：手表、名片、洗手液、钥匙，对应性格测试中的颜色含义，可得出4位数字。

（3）大门：来到右侧大门，在密码锁中设定所得的4位数字，打开大门，离开房间。

最后，你会发现自己还是一无所知。

是谁把“我”绑到这里？为什么？期待后续吧。

三、关键设计的交互实现 

对iH5比较熟悉的人，应该听说过甚至玩过《窃取酵母》（by 喵友）这个密室游戏，为青岛啤酒打了个好广告，也在营销界引发过一阵密室逃脱的风潮。

这种解谜的模式本身存在一定吸引力，《豆瓣 - 我们的精神角落》（by W Shanghai）近日还荣获2016 ONE SHOW中华创意节两项金奖。

但《活口》的创新在于引入真人视频、随机密码和支付机制：

1、真人视频

从交互层面，视频与H5的结合，可能会受到不同设备浏览器播放器的影响。不过由于Dopemine之前与腾讯的合作，《活口》内的视频在安卓端不会出现置顶、进度条等情况。

如果没有获得微信授权，建议不要使用全屏视频，才能照顾到安卓机，保留“跳过”等按钮。

2、随机生成密码

以性格测试的4个颜色密码为例，最基本的方法是用1个计数器生成1-24的随机数，每个数字分别对应一组密码。

当计数器为其中某个值时，对APP执行显示某对颜色组合的动作，并修改门锁上匹配密码的字符串。

但如果是电话上的10位数字，意味着有3628800种排列方式，用这种方法是不现实的。由此，需要生成组合的随机数，并和音效逐一关联；这个过程比较复杂，感兴趣可以另起一期介绍，实际上嵌入JavaScript要比直接用变量和计数器控制方便得多。

或者，你也可以直接自己定义N套密码。

3、微信支付的使用

支付指定费用后出现特定信息，使用iH5的“付费点”功能即可实现。

感兴趣的可以看看下面这个教学视频：

http://v.qq.com/page/o/a/3/o0345z1pqa3.html

回到《活口》，它应该是国内第1个真人视频类密室逃脱H5——现在很多人还在等它的续集。

Dopemine花了一大笔钱让自己嗨起来，顺带让我们也嗨了。

这大概是他们对自己官网主页那行slogan的践行吧——“能够连接人们的快乐，使人感到兴奋”。 

【彩蛋】与Fashion的对话实录

1、做《活口》中途，如果有其他人找你们做项目怎么办？

答：就推掉，很简单。因为我们要做这个事情啊……

2、你们对待《活口》，和其他商业类型的项目有区别吗？

答：对我们来说，这两件事同样重要，但自己的事情要求会更高吧。因为是自己来控制，掺杂各方面的意见会比较单纯。

3、做之前有考虑找合作过的企业，做品牌植入吗？

答：没有没有。因为我们很纯粹，干这种植入的话，它就会变得很商业，很不纯粹。就是，就会变得很奇怪。

4、会不会因为真的有那么多人参与，并且（通过微信支付）通关了，对于你们来说反而成为一种盈利的模式？

答：它不会说盈利吧，不会以这个为目标。微信支付主要是在H5这个平台上的一种新的尝试，我们在没做之前也没有人去做，我们有这个想法之后就想能怎么去实现，把它融入到我们的交互中去。如果说真的有什么费用产生，它也只会支持到我们的第二集，我们去再做一些创作，比如用到我们开会、brainstorming（头脑风暴）、酒钱啊，就是会用到后续的事情里。

5、你们刚成立公司时，有想过后面有很多项目和H5相关吗？

答：这个倒没有。我们只是想做一些好玩的事情，这是最重要的，无论是商业还是自己的东西，这样它才不会显得枯燥和没有价值。