ElloWorld 艾洛互动：三维旋转跳跃游戏

2016-06-20 H5案例分享 H5案例分享

案例：三维旋转跳跃游戏

出品：ElloWorld 艾洛互动

亮点：

策划上，游戏类，小圆球在长度不同的方形盒子上向前滚动，在即将滚到盒子边缘的时候，轻触屏幕，小球跳跃到下一个盒子上，游戏难点在于掌握好跳跃的时机，跳的太早，无法到达下一个盒子，跳的太晚，会直接滚落下去，只要小圆球掉落，游戏结束。三维旋转的视觉效果，配上动感的背景音乐，带给玩家紧张、刺激和心跳，设置好友排行榜功能，让不服输的小伙伴们欲罢不能。
设计上，整体采用扁平化的设计风格，每开始一次游戏，或者突破自己的记录时，更换不同的背景颜色和主题颜色，避免玩家产生视觉疲劳，时刻保持新鲜感，纯色的基调尽量避免了3D旋转可能产生的眩晕，减少不良的用户体验。
交互上，主要应用点击事件 360度旋转效果。

技术实现：捂得太严了，小编看不到啊~~~

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

识别图中二维码

三维旋转跳跃游戏-查阅二维码

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

标签