精灵食肆:一个火夫的自我修养

2019-08-13 H5案例分享 H5案例分享
精灵食肆:一个火夫的自我修养


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

一个火夫的自我修养-查阅二维码

完整欣赏此案例大约需要1分钟


案例:一个火夫的自我修养

品牌:精灵食肆

制作:玩友时代

亮点:

  1. 创意定位

经典手游《精灵食肆》的宣传作品,用户快速点击屏幕让主人公小白猛吹灶火烧饭,根据用时长短在最后生成的结果海报中给予不同的称号和评语,附带游戏二维码,用户可直接重新挑战或分享给他人。

 

  1. 策划逻辑

作品大致分为三个阶段

①开始是一段卡通短片:手游中的人物——小白在灶前拿扇子煽火,被另一女生愤怒的催促快一点,小白机智一笑后趴到灶膛儿前开始吹火,进入标题界面。

②点击“开始猛吹”,3秒钟倒计时后,连续快速点击“吹啊”,上方显示用时,右侧显示进度,若30秒后完不成进度,则游戏自动结束,完成进度或30秒后,显示结果,包括用时和评语。用户可重新挑战或点击“炫耀一下”生成最后海报。

③最后的海报包括一副主图,主图主人公仍是小白,海报上有出品方名称,用户所用时间,荣获的称号,打败了百分之多少的人,下方是点评和游戏二维码。

 

  1. 设计上

以Q版漫画风格的游戏主人公为主,小白在视频以及后面的吹火过程中表情非常夸张,营造轻松搞笑的氛围。

 

  1. 交互上

在连续点击“吹啊”的时候,小白的大脸会在屏幕上随着点击和完成进度变换不同表情,背景也会有冒火的效果,不过作品并未提醒用户操作方法是连续点击,需要用户自己领悟或尝试。



技术实现: html5



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

鹿精灵:您好,这里有一份您遗失的童年

航海王强者之路手游粉丝后援会:解锁!我的本命海贼生命卡!

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~