一个刷屏H5游戏 案例复盘 及 源码分析

Posted 风巢

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个刷屏H5游戏 案例复盘 及 源码分析相关的知识,希望对你有一定的参考价值。


缘起

游戏玩法如下(注:GIF动图下方有红色播放进度条):

一个刷屏H5游戏 案例复盘 及 源码分析


下面介绍此游戏 引流套路,并进行 源码分析。


   引流套路

像这种 听音选图/情境 的小游戏我还是首次见到,新颖性 给满分,游戏结束后左下角有个「人格解读」按钮。

一个刷屏H5游戏 案例复盘 及 源码分析

点击后进入如下界面:

一个刷屏H5游戏 案例复盘 及 源码分析
一个刷屏H5游戏 案例复盘 及 源码分析


将来可能 变现 方式呼之欲出。这个还算初级模式,如果采用 动态二维码拉群引流 不知效果又会怎样。


   源码分析

一、从URL及网页源码定位操盘人

首先从此 H5 URL 入手。

http://h5.xxx.net/activity/internal_personality/index.html

从「爱站网」获知 公司名称 & 邮箱后缀:

一个刷屏H5游戏 案例复盘 及 源码分析

在「企查查」验证信息:

一个刷屏H5游戏 案例复盘 及 源码分析

看 经营范围 似乎完全不相关,继续看 源码。

一个刷屏H5游戏 案例复盘 及 源码分析
一个刷屏H5游戏 案例复盘 及 源码分析

另外如上图,H5源码中还有一段,引流二维码图片 & 游戏主逻辑 js 都是存放在 ja***fm.com 中的。

可见此 H5 原始域名不过是个幌子,一旦被封,随时可以金蝉脱壳。换个域名,重新引用下主站文件即可重新开张。


二、从 HTML & JS 源码推测游戏逻辑

1)JS 文件

一个刷屏H5游戏 案例复盘 及 源码分析


2)HTML 文件

一个刷屏H5游戏 案例复盘 及 源码分析


一个刷屏H5游戏 案例复盘 及 源码分析


一个刷屏H5游戏 案例复盘 及 源码分析


一个刷屏H5游戏 案例复盘 及 源码分析


一个刷屏H5游戏 案例复盘 及 源码分析


一个刷屏H5游戏 案例复盘 及 源码分析

关键源码都在上面了,你知道怎么刷出 满分/零分 了不?


整理出来的分值对照表如下。

天使、魔鬼、妖精 最高分值为 6。

人类、神 最高分值分别为为 3 和 4。

这是自然,都是正面信息,拿出去晒多没劲。

题目5是装样子的,无论你选的啥对结果都没影响,意外不意外?


总结

此次是第一次从 宏观引流模式 到 微观源码分析 深度剖析一个案例,所获匪浅。收获如下 3 点:

1、见证 了一个产品从设计、布局到引流的 完整流程。

2、关注 到一个优秀产品 设计者。能设计出这个传播效果还算不错的H5游戏,谁知道下次还有啥幺蛾子出来?能第一时间了解,总有套利先机。

3、优化 了产品研究 思维模型,为 后续深度调研 打下基础。


【其他】

1、社群:3个 微信群 写作打卡 & 爬虫交流 & SEO营销, 1个 知识星球,回复 社群 了解加入方式,一起切磋,互开脑洞。


您可能对以下文章也感兴趣:


以上是关于一个刷屏H5游戏 案例复盘 及 源码分析的主要内容,如果未能解决你的问题,请参考以下文章

ThreadLocal定义使用案例及源码分析

Jquery源码解析及案例分析

leaf源码分析----console和module

leaf源码分析----gate和network

京东T8都在看的603个典型案例及源码分析,附赠小姐姐一个

网狐6603 cocos2dx 棋牌捕鱼休闲类游戏《李逵捕鱼》手机端完整源码分析及分享