视频来源https://www.bilibili.com/video/BV1Rv41147GP?p=10
采用的技术主要是JavaScript。
全部代码,本人也放在了gitee上了,这是国内的GitHub,速度比较快。
仓库地址
https://gitee.com/jjm1/tetris
1.1 初始化布局
代码
//采用这样的形式是为了防止全局污染
(function () {
window.Game = function () {
//设置行和列
this.row = 20;
this.col = 12;
//初始化
this.init();
};
Game.prototype.init = function () {
var $table = $("<table></table>");
for (let i = 0; i < this.row; i++) {
var $tr = $("<tr></tr>");
for (let j = 0; j < this.col; j++) {
var $td = $("<td></td>");
$td.appendTo($tr);
}
$tr.appendTo($table);
}
$("body").append($table);
};
})();
.2 认识方块
俄罗斯方块中有 7 种状态,每一种又可以旋转成不同的状态
S 型
Z 类
J 类
L 类
O 类
T 类
I 类
每一种形态用 4*4 表格表示
1.3 方块的表示
使用二维数组去表示一个俄罗斯方块
比如: