代碼實現(xiàn)自動化連連看“蝴蝶翩翩連”

HTML小游戲"蝴蝶翩翩連"代碼取得后，我們來分析如何實現(xiàn)自動完成連連看

通過引用的javascript文件可以得到游戲是”butterfly-kyodai.min.js“來實現(xiàn)，用到了phaser@2.6這個開源的桌面和移動 HTML5 2D 游戲開發(fā)框架。

如果想要實現(xiàn)自動完成連連看，首先要去了解學習下phaser這個框架，儲備到必要的框架知識才能實現(xiàn)。

通過努力完成了、效果如下：

分數(shù)：34199

這里經(jīng)過分析，要想達到系統(tǒng)自動連，最簡單的方式就是利用提示功能，找出痤標再模塊點擊即可，這里就需要閱讀代碼找出在什么地方實現(xiàn)的提示，默認提示次數(shù)是有限制的，將限制取消，讓其每次提示不減少提示次數(shù)

下面貼出主要改的地方：

這里HBuilderX使用格式化插件是Beautify Formator，將 Beautify Formator的配置"wrap_line_length"改為200

使用HBuilderX打開目錄，將butterfly-kyodai.min.js文件打開,使用"編輯"-“重排代碼格式”，格式化一下方便查看修改，

提示次數(shù)的處理

查找 Constants.CURRENT_HINTS--

this.hintTiles = [], 0 < Constants.CURRENT_HINTS && (Constants.CURRENT_HINTS--, this.showHint(!1));

改為

this.hintTiles = [];
// 0 < Constants.CURRENT_HINTS && (Constants.CURRENT_HINTS--, this.showHint(!1));
this.showHint(!1);

模擬點擊

查找E.prototype.showHint

在這個方法里增加代碼

,
					//模擬點擊
					this.backend.handleGameMove({
						call: "tileClicked",
						tileX:  e[0].x, 
						tileY:  e[0].y  
					}) ;
					this.backend.handleGameMove({
						call: "tileClicked",
						tileX: e[1].x ,
						tileY: e[1].y 
					}) ;

改完這兩處，打開測試下效果，這里一直點擊提示就能自動完成連了

實現(xiàn)系統(tǒng)自動連

找到ButterflyKyodai的E.prototype.create根據(jù)Phaser框架的寫法，增加一定時器來處理，循環(huán)10000次點擊，一口氣就連完了

查找E.prototype.create = function()

;
					this.game.time.events.repeat(1,10000,this.hintPressed, this);

 效果完成

到此這篇關(guān)于JavaScript揭秘：實現(xiàn)自動化連連看游戲的文章就介紹到這了,更多相關(guān)JavaScript實現(xiàn)自動化連連看內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論