200字范文 > 回归前端学习第24天-实现俄罗斯方块小游戏7（实现单机版3—实现消行更新方块结束）

回归前端学习第24天-实现俄罗斯方块小游戏7（实现单机版3—实现消行更新方块结束）

时间：2021-10-22 13:42:18

更改game.js、local.js、

game.js中加入代码使用下一个方块设置到底部后，方块定住并换色实现消行、游戏结束最后导出整体代码local.js代码move函数更改随机生成下一个方块修改开始函数，增加结束函数

game.js中加入代码

使用下一个方块

// 使用下一个方块

var performNext = function (type, dir) {

cur = next;

setData();

let squareDiv = new SquareFactory();

next = squareDiv.make(type, dir);

refreshDiv(gameData, gameDivs);

refreshDiv(next.data, nextDivs);

}

设置到底部后，方块定住并换色

// 方块移动到底部后固定住var fixed = function () {for (var i = 0; i < cur.data.length; i++) {for (var j = 0; j < cur.data[0].length; j++) {// 判断合法性if (check(cur.origin, i, j)) {if (gameData[cur.origin.x + i][cur.origin.y + j] == 2) {gameData[cur.origin.x + i][cur.origin.y + j] == 1;}}}}// 反馈到界面上refreshDiv(gameData, gameDivs);}

实现消行、

// 消行var checkClear = function () {for (var i = gameData.length - 1; i >= 0; i--) {var clear = true;for (j = 0; j < gameData[0].length; j++) {if (gameData[i][j] != 1) {clear = false;break;}}if (clear) {// 下移一行for (var m = i; m >= 0; m--) {for (var n = 0; n < gameData[0].length; n++) {gameData[m][n] = gameData[m - 1][n];}}for (var n = 0; n < gameData[0].length; n++) {gameData[0][n] = 0;}i++;}}}

游戏结束

// 游戏结束var checkGameOver = function () {var gameOver = false;for (var i = 0; gameData[0].length; i++) {if (gameData[1][i] == 1) {gameOver = true;}}return gameOver;}

最后导出

this.fixed = fixed;this.performNext = performNext;this.checkClear = checkClear;this.checkGameOver = checkGameOver;

整体代码

local.js代码

move函数更改

var move = function () {// 不能下降再调用if (!game.down()) {// 落下的方块固定game.fixed();game.checkClear();var gameOver = game.checkGameOver();if (gameOver) {stop();} else {game.performNext(generrateType(), generateDir());}}}

随机生成下一个方块

var generrateType = function () {// 随机生成0-6的整数return Math.ceil(Math.random() * 7) - 1;}// 随机生成旋转次数var generateDir = function () {// 随机生成0-3的整数return Math.ceil(Math.random() * 4) - 1;}

修改开始函数，增加结束函数

// 开始var start = function () {var doms = {gameDiv: document.getElementById('game'),nextDiv: document.getElementById('next')}game = new Game();game.init(doms);bindKeyEvent();timer = setInterval(move, INTERVAL);}// 结束,关闭计时var stop = function () {if (timer) {clearInterval(timer);timer = null;}document.onkeydown = null;}

本内容不代表本网观点和政治立场，如有侵犯你的权益请联系我们处理。

网友评论

网友评论仅供其表达个人看法，并不表明网站立场。