俄罗斯方块大家一定都玩过

但你可能没玩过这么不正经的

今天就给大家分享一下这个有童年记忆的H5案例

案例：恕我直言，一看就不是什么正经猫

品牌方：网易新闻
 

这款h5以俄罗斯方块游戏展开，用不同体态的猫来代替俄罗斯方块。添加了一些搞笑有趣的猫元素在其中，使整个H5画风变的诙谐起来。

长按二维码扫描，立即开玩

案例以黑白简笔画风呈现，背景音乐也是十分魔性洗脑。首页页面由div+css3构成；动态效果为css3代码实现；猫咪扭动则是由4个帧图切换实现；按动下方引爆器的START按钮就可开始游戏。
 

开始游戏后，俄罗斯方块以猫的体态出现。游戏界面为代码canvas实现；先画出背景图片，然后把游戏格子按钮画好。再由代码生成的方块对象（不同体态的猫咪）展现出，每个对象（不同体态的猫咪）由四小方块组成，再由代码判断填满一行则消掉一行。游戏逻辑和按钮事件都由代码实现。

游戏结束后，结果页会显示成功或失败，界面还弹出旋转嘲讽字眼，和鄙视眼神的不正经猫。文字旋转为css3实现动态效果，界面背景和鄙视眼神猫则均为PNG图片，最后用户可以点击“再玩一次”继续受虐，或者点击跳转查看“猫病毒报告”，按钮的位移效果则为代码实现出。然后在按钮上加上a标签，即可点击跳转到指定网页。
 

这个俄罗斯方块H5是不是很有趣，小编在玩了好几次都失败，记得以前玩俄罗斯方块不是这样的，所以愈发怒玩到成功为止。小编在体验玩后还一直被babababa背景音乐洗脑了。