Mr.J--俄罗斯方块实现(框架)

代码模块构思

最下面一层:7种基本的方块模型。可以根据自己爱好添加各种形状

倒数第二层:方块模型集合,调用方块形状

game.js: 俄罗斯方块主体架构

local.js: 激活游戏

暂时先实现最后两层以及部分的 game.js(主要展示核心代码)

矩阵区域

10*20的矩阵区域,在页面上用div进行展示

由于页面中不仅要展示整个俄罗斯方块游戏区域,还要提醒下一个即将出现的图形,再用一个div进行展示

即将出现的方块模型

进入游戏区域内部已经出现并进行移动的方块

操作函数

键盘事件

方向改变

利用x和y值的加减进行方块的移动,以及判断是否可以进行相应操作。

其他方向与上面代码类似,只是改变一下函数名以及对应的 x 和 y 的值

旋转操作

检测函数

检测点是否合法

检测数据是否合法

消除移动轨迹

动态展示方块移动情况

方块的移动

对于 game.js 函数暂时实现静态的功能

方块模型

方块模型使用矩阵进行设置,再进行对象调用,在原型链上进行方法的编写,有利于函数调用,减少代码量

根据矩阵内部的数字进行方块的形成

数字代表含义: 0 没有方块 1 已经使用过的方块 灰色 2 用户正在操作的方块 粉色

其余的方块编写方式一样,最后一句(在原型链上进行覆盖编写方法):

Square5.prototype = Square.prototype;

使用index(为随机值)进行随机选择输出某一方快

剩下的部分:开始,结束,消行,计时,计分等功能

经验分享 程序员 微信小程序 职场和发展