百度：人类月球日

2017-07-21 H5案例分享 H5案例分享

案例：人类月球日

出品：百度

亮点：

策划上，小游戏类案例。加载完后进入案例。在案例头部显示在百度里搜索关键词“人类月球日”，在网页栏内出现相关内容，讲述1969年7月20日下午，阿波罗11号已经接近月球，阿姆斯特朗准备手动控制着陆，点击“手动登录”进入操作台，随后给出操作方式，在规定时间内根据提示操作，完成着陆，点击“开始着陆”进入小游戏，跟随操作舱内各部件亮光点击，点击错误6次则登录失败。成功着落后可以选择自己的造型，有狗爪印，高跟鞋，脚丫，太空鞋，点击确认，视线下滑到地面，在月球上留下一个深深的脚印。点明主题，点击“重新选择”进入造型选择页面，点击“分享”可进行好有分享。关闭小游戏页面，则可观看搜索人类月球日的内容。
设计上，手绘风格。画面绘制十分优秀。用色以蓝色系为主，很好的烘托了太空气氛，同时黄色月球更加引人注目，吸引读者视觉焦点。弹出框的设计更是科技感十足，非常符合案例风格。
体验上，根据提示操纵飞船降落月球，在月球上留下自己的造型都增加读者带入感。正值人类月球日，小编也想在月球上留个印记~

技术实现： JavaScript

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

识别图中二维码

人类月球日-查阅二维码

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

标签