网易游戏：出埃及记

2017-12-28 H5案例分享 H5案例分享

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

识别图中二维码

出埃及记-查阅二维码

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

案例：出埃及记

出品：网易游戏

亮点：

策划上，图文展示类，loading页面是日月转换的沙盘，点击继续进入了出埃及记的介绍，是一个摩西在神的帮助下创造圣地的故事，一共六章，每章都有介绍和圣经的原文翻译，同时页面中央还有一道弧线，引导小球在弧线上运动可以实现页面前进后退，页面每变化一次沙盘中的陆地和上方的介绍也随之变化。第六章结束上划出现尾页，无限创造，肆意游历，每一个创造的世界，都在期待着你来改变，网易游戏，为网易游戏做宣传。
设计上，日月转换的沙盘随着太阳的升起而明亮、月亮渐渐消失，随着月亮的升起而黑暗、太阳渐渐消失，十分逼真细致，仿佛身为神灵俯瞰陆地。出埃及记介绍中的沙盘画面生动形象、细致逼真，大陆上的人及其微小却连他们的影子和随着水的流动的而变化的波纹都能看到，制作精美、细腻、立体感十足，并且这样的图文展示完整连贯、易于理解。
交互上, 点击继续进入了出埃及记的介绍，移动小球切换页面，上拉进入尾页。

技术实现： zepto.js+pxloader.js

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

标签