ASML:“光刻之路”计时挑战赛

2020-06-18 H5案例分享 H5案例分享
 ASML:“光刻之路”计时挑战赛


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

识别图中二维码

“光刻之路”计时挑战赛-查阅二维码

完整欣赏此案例大约需要 2分40秒


案例:“光刻之路”计时挑战赛

品牌: ASML

技术实现: html5

亮点:

1.创意定位

ASML推出的智力小游戏,用各种镜子的反射,折射等原理完成光的路线挑战,最后可查看排行榜,填写资料参与抽奖,用户感受动脑乐趣,温习光学方面的物理知识,用抽奖的方式提高参与热情。

 

2.策划逻辑

初始界面是一个光条组成的女生线条画和标题“光的掌门人”,点击触点开始游戏,界面有动图演示操作方法,包括各种光镜的反射,折射等原理及光线路径的改变,点击“开始游戏”进入挑战,共六关,将下方合适的光镜放入图中合适的位置最终让光线按照指定位置射入,放错后会出现提示用的光镜反射图,用户可点击右上角的灯泡查看提示,挑战完毕后,出现结果页面,包括用户成绩是否进入了排行榜,及排行榜前五位的名字和成绩,用户可填写排行榜下的用户信息参与抽奖。

 

3.设计上

蓝色底色上,位置和光线都很明显,没有别的花哨设计影响用户思考,较正式的测试类作品。

 

4.交互上

下方的光镜放入不恰当的位置后会跳出反射原理图,供用户参考,继续思考如何放置光镜。





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

标签

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

相关推荐:

京东超市 + 创造营2020:京东超市发光能量站

长江日报X九派新闻X认识武汉:怎么能在一堆垃圾面前认怂

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~