我的知乎2017：解锁你一年以来的知识成就

2018-01-19 H5案例分享 H5案例分享

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

识别图中二维码

解锁你一年以来的知识成就-查阅二维码

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

案例：解锁你一年以来的知识成就

出品：我的知乎2017

亮点：

策划上，小游戏类+视频，加载完成后进入简介部分，介绍了两大军团的出现缘由，接着选择站队，进入游戏，飞船围绕行星运动，点击不同星球，解锁功能，开始游戏，游戏结束后，显示排名，分数较高者会进入排行榜，可重新再来，也可以退出解锁新的星球。点击小行星播放知乎问题的一段2分10秒视频。
设计上，采用蓝色为背景，体现宇宙的深邃感，小行星以及星球采用动漫风格。
交互上，游戏类，以屏幕的点击为主，比较简单。

技术实现： js

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

标签