欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解CocosCreator華容道數(shù)字拼盤

 更新時(shí)間:2021年04月15日 10:52:25   作者:搬磚小菜鳥  
這篇文章主要介紹了詳解CocosCreator華容道數(shù)字拼盤,對(duì)華容道感興趣的同學(xué),看完之后,可以回去親手試一下

前言

華容道是啥玩意?

這種數(shù)字拼圖游戲大家都玩過吧,他就是典型的華容道之一。

華容道是古老的中國民間益智游戲,以其變化多端、百玩不厭的特點(diǎn)與魔方、獨(dú)立鉆石棋一起被國外智力專家并稱為“智力游戲界的三個(gè)不可思議”。

今天咱們就來了解一下這個(gè)華容道。

正文

今天咱們主要以3*3的布局來進(jìn)行,菜鳥用cocos creator 寫了一個(gè)簡單的demo,下面咱們逐步說一下

1.面板

首先咱們隨機(jī)生成一個(gè)面板排列

2.華容道求解

思路:

窮舉法:大家都知道這種游戲的玩法,滑動(dòng)其中可以滑動(dòng)的方格,將打亂的方格按照上邊數(shù)字從小到大的順序依次排列即可通關(guān)。在這里菜鳥利用了窮舉法,在每種可能的情況中去查找最優(yōu)解。

在窮舉法中我們常見的有:

  • 廣度搜索:廣度優(yōu)先搜索,會(huì)優(yōu)先搜索所有方向的第一步,然后再接著搜索每一個(gè)可行的方向的第二步,以此類推
  • 深度搜索:深度優(yōu)先搜索,會(huì)在一個(gè)方向一直搜下去,直到這條路走不通,才會(huì)考慮第二個(gè)方向

在這里我們用的是廣度優(yōu)先搜索,我們只需要拿到最優(yōu)解,也就是步數(shù)最少的。
具體操作如圖:

我們以前三步為例,

  • 第一步我們有三種走法,
  • 第二步我們需要在第一步的基礎(chǔ)上再移動(dòng)方塊,每一種又會(huì)延伸出更多的可能性,
  • 我們需要把每一種可能性都存儲(chǔ)起來,
  • 下一步的移動(dòng)是基于上一步所有可能性的基礎(chǔ)再去移動(dòng)
  • 在第三步的時(shí)候我們會(huì)發(fā)現(xiàn) 會(huì)出現(xiàn)重復(fù)的情況,所有我們要進(jìn)行減支,將重復(fù)的分支及時(shí)的處理掉,
  • 雖然處理掉了重復(fù)的分支,但是分支的數(shù)量也會(huì)成倍的增加,就拿示例中的排列,隨著步數(shù)的增加,分支的數(shù)量如圖顯示

  • 一旦有分支檢測(cè)到了已通關(guān),那么廣度搜索就結(jié)束了
  • 最終會(huì)的得到每一步的一個(gè)移動(dòng)過程

得到了解,我們可以應(yīng)用到demo,檢測(cè)是否可以通關(guān)

點(diǎn)擊demo中的自動(dòng)排列

3.代碼

//循環(huán)遍歷求解
while (true) {
    let steps: Array<any> = [];
    let lastGrad: Array<any> = this.mMapData[this.mMapData.length - 1];
    console.log(lastGrad.length);
    //遍歷作最后一個(gè)梯度中所有的結(jié)果,求解下一步
    for (let i = 0; i < lastGrad.length; i++) {
        let matrix = lastGrad[i]["matrix"];
        let answer = lastGrad[i]["answer"];
        let result: Array<any> = this.move(matrix, answer, steps);
        if (result) {
            console.log("結(jié)果:", result);
            resolve(result);
            return;
        }
    }

    if(steps.length<=0){
        console.log("查詢結(jié)果失敗,");
        resolve(null);
        return;
    }
    this.mMapData.push(steps);
}
private move(matrix: Array<number>, answer: Array<any>, steps: Array<any>): Array<any> {
    for (let i = 0; i < matrix.length; i++) {
        if (matrix[i] != -1) {  //不是空位,檢測(cè)是否可移動(dòng),獲取可移動(dòng)結(jié)果
            //檢測(cè)上下左右是否可以移動(dòng),
            let result0: Array<any> = this.moveUp(i, matrix, answer, steps);
            let result1: Array<any> = this.moveDown(i, matrix, answer, steps);
            let result2: Array<any> = this.moveLeft(i, matrix, answer, steps);
            let result3: Array<any> = this.moveRight(i, matrix, answer, steps);

            if (result1) {
                return result1;
            }
            if (result2) {
                return result2;
            }
            if (result0) {
                return result0;
            }
            if (result3) {
                return result3;
            }
        }
    }
    return null;
}
private moveRight(i: number, matrix: Array<number>, answer: Array<any>, steps: Array<any>): Array<any> {
    let line: number = i % this.mLine;
    let row: number = Math.floor(i / this.mLine);
    if (line + 1 >= this.mLine) return null;  //超出邊界
    let targetIndex: number = row * this.mLine + (line + 1);
    if ( matrix[targetIndex] != -1) return null;  //不可移動(dòng)
    //移動(dòng)
    //移動(dòng)
    //復(fù)制新的數(shù)組進(jìn)行修改
    let newMatrix: Array<number> = JSON.parse(JSON.stringify(matrix));
    let newAnswer: Array<any> = JSON.parse(JSON.stringify(answer));
    //互換位置
    let temp: number = newMatrix[i];
    newMatrix[i] = newMatrix[targetIndex];
    newMatrix[targetIndex] = temp;
    newAnswer.push({ "index": i, "dic": 3 });

    if (this.checkIsExist(newMatrix)) {
        return null;
    }

    if (this.checkPass(newMatrix)) {
        return newAnswer;
    }
    let step: any = {};
    step["matrix"] = newMatrix;
    step["answer"] = newAnswer;
    steps.push(step);
}
/**
 * 檢測(cè)是否通關(guān)
 */
private checkPass(matrix: Array<number>): boolean {
    if (matrix[this.mRow * this.mLine - 1] != -1) return false;
    for (let i = 0; i < this.mRow * this.mLine - 1; i++) {
        if (matrix[i] != i + 1) {
            return false;
        }
    }
    console.log(matrix)
    return true;
}
/**
 * 檢測(cè)是否重復(fù)
 */
private checkIsExist(matrix): boolean {
    if (this.mMapMatrixS[JSON.stringify(matrix)]) {
        return true;
    }
    this.mMapMatrixS[JSON.stringify(matrix)] ="1";
    return false;
}

4.注意

demo中是3 * 3的排列,使用瀏覽器勉強(qiáng)可以跑出結(jié)果,但是4 * 4或者5 * 5的就不行了,因?yàn)榉种?。后續(xù)有時(shí)間菜鳥會(huì)用python腳本實(shí)現(xiàn)4 * 4,5 * 5或更多的排列,最終導(dǎo)出json關(guān)卡信息。

以上就是詳解CocosCreator華容道數(shù)字拼盤的詳細(xì)內(nèi)容,更多關(guān)于CocosCreator華容道的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • javascript實(shí)現(xiàn)獲取服務(wù)器時(shí)間

    javascript實(shí)現(xiàn)獲取服務(wù)器時(shí)間

    本文給大家總結(jié)了一下使用javascript來獲取服務(wù)器時(shí)間的幾種方法和思路,十分的簡單明了,有需要的小伙伴可以參考下
    2015-05-05
  • JavaScript中的集合及效率

    JavaScript中的集合及效率

    由于 JavaScript 的語言特性,我們可以向通用對(duì)象動(dòng)態(tài)添加和刪除屬性。所以 Object 也可以看成是 JS 的一種特殊的集合。
    2010-01-01
  • JS瀑布流實(shí)現(xiàn)方法實(shí)例分析

    JS瀑布流實(shí)現(xiàn)方法實(shí)例分析

    這篇文章主要介紹了JS瀑布流實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript瀑布流加載圖片效果的實(shí)現(xiàn)原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下
    2016-12-12
  • 使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能

    使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能

    這篇文章主要介紹了使用原生js實(shí)現(xiàn)拖拽和粘貼上傳圖片功能,Vue/Rect?生態(tài)用多了都快忘記原生js怎么寫了,今天需要直接在服務(wù)器裸寫個(gè)頁面,實(shí)現(xiàn)?textarea?文本框里接收拖拽多個(gè)圖片,需要的朋友可以參考下
    2024-04-04
  • 微信小程序自定義音樂進(jìn)度條的實(shí)例代碼

    微信小程序自定義音樂進(jìn)度條的實(shí)例代碼

    最近遇到這樣的需求:顯示音樂播放按鈕、可手動(dòng)拖拽進(jìn)度條;頁面中含多個(gè)音樂,播放當(dāng)前音樂時(shí)暫停其他音樂播放。 這篇文章主要介紹了微信小程序自定義音樂進(jìn)度條的實(shí)例代碼,需要的朋友可以參考下
    2018-08-08
  • Javascript中for循環(huán)語句的幾種寫法總結(jié)對(duì)比

    Javascript中for循環(huán)語句的幾種寫法總結(jié)對(duì)比

    如果您希望一遍又一遍地運(yùn)行相同的代碼,并且每次的值都不同,那么使用循環(huán)是很方便的,javascript中for循環(huán)也是非常常用的,下面這篇文章主要介紹了Javascript中for循環(huán)的幾種寫法,需要的朋友可以參考借鑒,一起來看看吧。
    2017-01-01
  • 利用types增強(qiáng)vscode中js代碼提示功能詳解

    利用types增強(qiáng)vscode中js代碼提示功能詳解

    這篇文章主要給大家介紹了如何增強(qiáng)vscode中js代碼提示功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
    2017-07-07
  • JavaScript工廠模式詳解

    JavaScript工廠模式詳解

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠模式,結(jié)合完整實(shí)例形式分析了工廠模式的概念、原理及javascript定義與使用工廠模式的相關(guān)操作技巧,需要的朋友可以參考下
    2021-10-10
  • Math.js解決js中小數(shù)精度丟失問題

    Math.js解決js中小數(shù)精度丟失問題

    在JavaScript中進(jìn)行小數(shù)運(yùn)算時(shí),會(huì)容易出現(xiàn)精度丟失的問題,例如在進(jìn)行兩個(gè)小數(shù)相加時(shí),結(jié)果并不是預(yù)期的精確值,而是一個(gè)近似值,,使用第三方庫Math.js可以避免精度丟失的問題,本文導(dǎo)入Math.js庫和使用Math.js的方法來進(jìn)行小數(shù)運(yùn)算,同時(shí)還可以指定格式來保留小數(shù)位數(shù)
    2023-12-12
  • uniapp組件傳值的方法(父傳子,子傳父,對(duì)象傳值)實(shí)戰(zhàn)案例

    uniapp組件傳值的方法(父傳子,子傳父,對(duì)象傳值)實(shí)戰(zhàn)案例

    現(xiàn)在的前端開發(fā)中基本上都是組件化開發(fā)的,下面這篇文章主要給大家介紹了關(guān)于uniapp組件傳值(父傳子,子傳父,對(duì)象傳值)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-03-03

最新評(píng)論