前言:

勿忘初心, 本系列的目標是實現一款類似QQ"火拼系列"的人機對戰版俄羅斯方塊. 在完成了基本游戲框架和AI的算法探索后, 讓我們來嘗試一下人機大戰雛形編寫.

本系列的文章鏈接如下:

1). 需求分析和目標創新

2). 游戲的基本框架和實現

3). 游戲的AI算法

這些博文和代碼基本是同步的, 并不確定需求是否會改變, 進度是否擱置, 但期翼自己能堅持和實現.

演示&下載:

在線版本,

注: 左邊為玩家, 右邊為機器人, 使用鍵盤方向鍵(上下左右)控制.

代碼下載地址:?http://pan.baidu.com/s/1gd2Hl6b

下載解壓目錄結構如下所示:

點擊tetris.html, 在瀏覽器上運行(由于HTML5程序, 最好在Chrome/Firefox上運行).

游戲策劃:

游戲采用人機對戰的方式, 是為了讓玩家有個參照物. 這樣在游戲過程中, 始終處于之中激烈的競技狀態中, 同時又有明確的目標(打敗對方).

當前整個游戲還不是很完全, 只是簡單做了改造.

1). 引入準備界面

猶如短跑的發槍令一樣, 讓玩家有短暫時間去準備.

2). 限定游戲時間

由于AI機器人的強大(跑一天也不會掛), 因此無時間限定的挑戰, 用戶玩家必然會崩潰. 由此引入一個合適的時間限定. 在這個時間窗口中, 誰得分高, 誰就是最后的贏家.

引入了這兩個之后, 感覺游戲的可玩性強了很多, ^_^.

源碼解讀:

代碼文件結構如圖所示:

??game_engine.js: 定義了游戲引擎了一些基本類.

??tetris_player.js: 封裝了玩家和機器人的agent類.

??tetris_game.js: 實現了具體的scene和layer類, 并用狀態模式串聯.

游戲編程中, 狀態模式(state pattern)以及狀態機(state machine)尤被推崇. 程序中并沒有完全按照該模式來實現, 不過多少有些影子.

場景(Scene)和畫板層(Layer)的類結構如下所示:

BaseScene的類定義如下:

function BaseScene() {

this.currentLayer = null;

}

BaseScene.prototype.switchLayer = function(baseLayer) {

// *) 上一個畫板層執行 exitLayer的操作

if ( this.currentLayer != null ) {

this.currentLayer.exitLayer();

}

this.currentLayer = baseLayer;

// *) 下一個畫板層執行 entryLayer的操作

if ( this.currentLayer != null ) {

this.currentLayer.entryLayer();

}

}

BaseScene.prototype.update = function(interval) {

if ( this.currentLayer != null ) {

this.currentLayer.update(interval);

}

}

BaseScene.prototype.render = function(ctx) {

if ( this.currentLayer != null ) {

this.currentLayer.render(ctx);

}

}

BaseLayer的類定義如下:

function BaseLayer() {

}

BaseLayer.prototype.entryLayer = function() {

}

BaseLayer.prototype.exitLayer = function() {

}

BaseLayer.prototype.update = function(interval) {

}

BaseLayer.prototype.render = function(ctx) {

}

角色之間的交互, 往往采用消息通知的機制來實現. 不過該程序并沒有實現. 對于玩家和機器人, 其通過BasePlayer來進行了抽象. 其類結構如下所示:

對于其他部分的代碼, 這邊不再具體展開, 請詳細見該系列的前面幾篇文章.

總結:

人機對戰的實現進展還是比較順利的, 一方面游戲本身比較簡單, 另一方面之前做了很多鋪墊的工作. 但越寫到后面, 越發覺得一個好的游戲引擎對一個游戲編寫的重要性. 猶如IDE對于代碼編寫的重要性. 后續想借助cocos2d-js來實現, 站在巨人的肩膀上, 看得更遠.

希望自己能堅持, 完成最初的目標和設想. 也期待你的關注.

寫在最后：如果你覺得這篇文章對你有幫助, 請小小打賞下. 其實我想試試, 看看寫博客能否給自己帶來一點小小的收益. 無論多少, 都是對樓主一種由衷的肯定.

總結

以上是生活随笔為你收集整理的俄罗斯方块java机器人_H5版俄罗斯方块(4)---火拼对战的雏形的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。