今年中秋，民间流传着这么一个新传说：
月老在广寒实验室养殖了一批网红，计划在中秋月圆之夜发放到人间作为单身狗福利；不料，中秋临近，却发生了意想不到的事：装修工吴刚不小心将实验室大门砸出个大坑，网红伺机逃跑，下落人间月老大怒，下通缉令：抓到网红者，重重有赏~
一时间，朋友圈都在捉网红
但网红可不是那么好捉的，他们聪明地躲在大型商场里，混淆在凡人中。
能捉齐6个网红的猎人，不是有神力相助，就是眼力爆表
传说听完了，网红也捉了，眼睛也瞎了，按照惯有的套路，这时候该上彩蛋啦！准备好小板凳和带籽西瓜，来看看这支画风有点骚骚的H5是怎样在短短10天之内制作出炉的...
第一次进入游戏画面，简直刺瞎狗眼：像素化、三维、长画幅，并且细节惊人，眼花缭乱，妖气十足。终于明白，老子贪吃蛇玩到10W+，别人怎么就抓不住区区6个网红？
说到游戏画面，下面就来扒一扒游戏页的设计过程，并分享部分从设计师那里偷来的线稿
考虑到内容的表现和游戏的体验效果，我们决定采用三倍手机屏幕左右的画幅
少于三屏，画面显得狭隘缺失；多于三屏，游戏难度将超过设定范围
确定了画面尺寸之后，进入商城布局的构思阶段，之后开始落笔画线稿：
从确定尺寸、构思、到画图，一天下来，线稿完成啦！
画完线稿，接下来就是最漫长也是最繁琐的部分——填色以及磨细节
终于完成了大部分。但，很明显这并不是最终版的配色方案
为了更突出商城夜晚的热闹氛围以及贴合故事的基调，在整体画面快完成的时候，我们又对配色做了一次大的调整，于是就变成了现在所看到的游戏画面
程序方面，比较繁杂的部分就是动效了
在游戏页我们可以看到一些细节上的动效，比如墙上的灯、店铺的招牌、舞台以及地面上部分行走的小人；由于图层十分复杂，这里也成了前端工程师最头痛的部分
另外值得一提的是H5的BGM
童年时期浸淫在红白机世界里的朋友们对这背景音乐肯定很有亲切感吧？为了让H5更有像素游戏的感觉，我们特意翻出了十几首经典电子游戏配乐，逐首配对甄选，最后敲定并进行分段剪裁，包括成功与失败的音效，也是从整首音乐中仔细寻找出来的小片段
马上就中秋了，目前许多品牌和机构都已推出中秋营销H5；除了捉网红，还有很多值得体验的优秀作品
下面再分享一支数据不错的中秋助力H5，合作方是深圳市总工会
根据后台数据统计，短短12小时PV就达到20W+，1000张欢乐谷门票在十五分钟内全部抢光
H5的创意点在于助力过程的创新：用人物行走的场景代替以往助力类H5单一数据增长的表现模式
每增加一个助力，就前进一段路程：
完整场景画面分享：
-End-
无非创意，H5研究创作团队与案例资讯分享平台
更多精彩案例敬请关注「无非创意」（ID：wufaecy）
