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(为随机值)进行随机选择输出某一方快
剩下的部分:开始,结束,消行,计时,计分等功能
