俄罗斯方块大家一定都玩过，但你可能没玩过这么不正经的，今天就给大家分享一下这个有童年记忆的H5案例。
案例：恕我直言，一看就不是什么正经猫
品牌方：网易新闻
这款h5以俄罗斯方块游戏展开，用不同体态的猫来代替俄罗斯方块。添加了一些搞笑有趣的猫元素在其中，使整个H5画风变的诙谐起来。
案例以黑白简笔画风呈现，背景音乐也是十分魔性洗脑。首页页面由div+css3构成；动态效果为css3代码实现；猫咪扭动则是由4个帧图切换实现；按动下方引爆器的START按钮就可开始游戏。
开始游戏后，俄罗斯方块以猫的体态出现。游戏界面为代码canvas实现；先画出背景图片，然后把游戏格子按钮画好。再由代码生成的方块对象（不同体态的猫咪）展现出，每个对象（不同体态的猫咪）由四小方块组成，再由代码判断填满一行则消掉一行。游戏逻辑和按钮事件都由代码实现。
展开全文游戏结束后，结果页会显示成功或失败，界面还弹出旋转嘲讽字眼，和鄙视眼神的不正经猫。文字旋转为css3实现动态效果，界面背景和鄙视眼神猫则均为PNG图片，最后用户可以点击“再玩一次”继续受虐，或者点击跳转查看“猫病毒报告”，按钮的位移效果则为代码实现出。然后在按钮上加上a标签，即可点击跳转到指定网页。
这个俄罗斯方块H5是不是很有趣，小编在玩了好几次都失败，记得以前玩俄罗斯方块不是这样的，所以愈发怒玩到成功为止。小编在体验玩后还一直被babababa背景音乐洗脑了。
-END-
此H5案例由型科科技分享提供
我们，会持续为你带来