米多琪游戏：全民跳格子

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

案例：全民跳格子

出品：米多琪游戏

亮点：

策划上，是一款跳格子游戏。按屏幕左边是跳，右边是跑，一个格子1分，看你能得多少分。游戏方式简单粗暴，但涵盖了“签到”、“首充”、“任务”、“商城”等多个模块内容，堪比手机游戏，并且万恶的“好友”和“排行榜”给人一种玩一辈子的冲动。
设计上，大背景是渐变的蓝色，顶部是人物信息和“签到”等功能部分，其下是公告，动态水平滚动显示世界消息。屏幕约三分之二均是游戏部分，左边跳右边跑，格子是黄颜色，比较鲜明，途中还有各类道具给人惊喜。人物还有多种造型。游戏简单，却有很多内容。
体验上，首次载入很慢，而且会刷新很多次，虽然有提示，但两个页面来回刷新给人一种“出错了”的感觉。跳格子时，每一跳之后格子出现得有些生硬，是一块一帧出现的，类似像素风游戏动画。小编认为，画面这么精美，动画其实也可以设计得更线条化一些。

技术实现： jQuery + construct2引擎

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

识别图中二维码

全民跳格子-查阅二维码

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

标签