中青报 X 中青在线：飞船大战开启，集齐诚信勋章勇闯神秘岛

2017-10-31 H5案例分享 H5案例分享

案例：飞船大战开启，集齐诚信勋章勇闯神秘岛

出品：中青报 X 中青在线

亮点：

策划上，游戏类。这是由中青报和中青在线为宣传2017年“诚信点亮中国”全国总结活动暨首届青年诚信博览会所打造的一款宣传h5。① 刚进入界面时，会弹出一个对话框，对话框中介绍了游戏背景，并赋予用户“001号守信船长”的身份。② 用户点击进入游戏，进入游戏规则界面，让用户了解这款游戏的玩法及规则，随着用户点击屏幕便开始进入游戏，通过移动飞船去躲避敌机的射击并击落敌机。③ 游戏完成或者未完成游戏者，便进入这款游戏的目的介绍界面，以图文结合展示的方式，向用户进行宣传，并且添加了相应的按钮，让用户可以了解更多关于这个活动的内容。
设计上，卡通风格。① 绿色搭配昏黄色渲染出游戏进行的场地。② 用红色和白色点缀飞船，模样可爱，小清新。③用红黄色和蓝色分别进行敌我双方炮火的描绘，很细腻。
交互上，按住飞船移动从而控制小飞船上下左右移动去躲避敌机的炮火，不仅考验用户的手速更考验用户的反应，有着很好的互动效果。

技术实现： Egret(白鹭引擎) + jQuery

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

识别图中二维码

飞船大战开启，集齐诚信勋章勇闯神秘岛-查阅二维码

完整欣赏此案例大约需要48秒

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

标签