跳到主要內容

無限隨機地圖生成 Wang Tiles

Wang Tiles
----------------

在研究關於可用於地圖生成的波函數坍縮演算法(Wave Function Collapse，底下簡寫WFC)的時候，又看到關於王式磚的資料(Wang Tiles，底下簡寫WT)。跟WFC比起來，WT比較容易理解和實作，所以我就先根據WT的原理實作了一個無限隨機地圖生成的測試。


關於WT，這個網站有詳細的介紹，同時也有許多tilesets可以用來作為測試資源。WT是數學家發明的遊戲，主要概念是邊緣匹配的tile連通拚接。每一個矩形tile有4個邊和4個角，所以有2種拼法，一種是邊匹配的拼法，一種是角匹配的拼法。

邊匹配 2Edge
---------------------

以邊匹配的拼法為例，每一個矩形tile的4個邊裡面，每個邊如果用0或1表示不同顏色，則總共有2x2x2x2共16種不同的tile。如下圖，生成tilemap時，如果一個tileA的上方的tileB的下邊是1，則tileA的上邊必須也是1，才能連通。同理，右方的tileC的左邊是1的話tileA的右邊也要是1，等等。整個tilemap的每一個tile都符合這個規則，就是一個符合WT的tilemap。


生成隨機tilemap的方式不只一種，一個簡單的方法是從左到右從上到下，一個一個tile生成。每一個新tile生成時，針對它的上方及左方2個己生成的tile的邊建立連通狀態(上方tile的下邊是1則新tile的上邊也需為1，左方tile的右邊為1則新tile的左邊也需為1)，而新tile的右方及下方的邊則隨機選擇0或1。

如下圖，針對tileX的4個邊依序上右下左以2進制編碼為1,2,4,8，這樣在生成tilemap時可以使用bit運算操作方便判斷。


這樣16種tile的編號也同時是它的編碼。如tile0表示4個邊都是0，tile8表示左邊是1其餘3邊是0，tile13表示上左下邊是1右邊是0，等等。底下是生成邊匹配的tilemap的虛擬碼。

void gen2EdgeWangTilesmap(cx, cy)
{
  foreach tile i of tilemap {
    tile = 0;
    if (tilemap[upper] & 4) {           // Match upper edge.
      tile |= 1;
    }
    if (tilemap[left] & 2) {            // Match left edge.
      tile |= 8;
    }
    if (rand) {                         // Random lower edge.
      tile |= 4;
    }
    if (rand) {                         // Random right edge.
      tile |= 2;
    }
    tilemap[i] = tile;
  }
}

下圖為以邊匹配拼法產生的隨機tilemap。(tileset來源http://cr31.co.uk/stagecast/wang/tiles_e.html)


角匹配 2Corner
----------------------

邊匹配的拼法裡面，對每個tile的每個邊來說只需要跟另一個相隣的tile的一條邊作匹配即可，但是角匹配的拼法就複雜多了，角匹配的拼法裡面的每個tile的每個角需要和其它3個相隣的tile的角匹配。如下圖，和tileX的角x相隣的3個tile的角分別是tileA的角a、tileB的角b和tileC的角c。


同邊匹配的拼法一樣，在作角匹配的演算法我們一樣對每一個tile的4個角作編碼，方便使用bit運算作檢查，如下圖。


生成隨機tilemap時，在上圖中相隣的4個角xabc中只要一個是1，全都要是1才能連通。一個生成的方法也是同邊匹配的拼法一樣，從左到右從上到下，一個一個tile生成。每一個新tile生成時，針對新tile的左上、右上及左下角3個角要和己存在的tile的對應的相隣角匹配作連通，而剩下的右下角則使用隨機數0或1。底下是生成角匹配的隨機tilemap虛擬碼。

void gen2CornerWangTilesmap(cx, cy)
{
  foreach tile i of tilemap {
    tile = 0;
    // Match upper.
    if (mTilemap[up] & 4) {
      tile |= 8;
    }
    if (mTilemap[up] & 2) {
      tile |= 1;
    }
    // Match left.
    if (mTilemap[left] & 1) {
      tile |= 8;
    }
    if (mTilemap[left] & 2) {
      tile |= 4;
    }
    // Match lower.
    if (mTilemap[down] & 8) {
      tile |= 4;
    }
    // Match right.
    if (mTilemap[right] & 8) {
      tile |= 1;
    }
    // Random lower-right.
    if (rand()) {
      tile |= 2;
    }
    tilemap[i] = tile;
  }
}

下圖為以角匹配拼法產生的隨機tilemap。(tileset來源http://cr31.co.uk/stagecast/wang/tiles_c.html)


生成無限隨機地圖
---------------------------

動態生成無限隨機地圖的一個簡單方法是，把世界地圖切成許多小tilemap，每一個tilemap是8x8的tile組成。每一個tilemap使用WT的拼法隨機生成，同時每一個tilemap還要和相隣的tilemap連通。不只每一個tilemap內的每一個tile是連通的，相隣的tilemap之間也都是連通的，這樣整個世界地圖都會是無縫連接的。

如下圖，在畫世界地圖時，從左上角開始，計算出左上角的tilemap是那一個，然後依序從左到右從上到下，一個一個tilemap畫出來。每一個tilemap是8x8大小，每個tilemap區塊的左上角的數字是這個tilemap的座標(col,row)。


tilemap生成的時機是，當畫面捲動要畫出其中一個tilemap區塊時(指定座標為col:row)，若這個tilemap原先不存在，則生成一個新的tilemap，並記錄下來。每一個tilemap以上面介紹的WT生成隨機內容，生成每一個tilemap內容後，還要作的就是處理相隣的tilemap怎麼作到連通相接。如下是生成世界地圖中指定座標的tilemap的虛擬碼。

void genNewTilemap(col, row)
{
  //
  // Gen new tilemap.
  //

  tilemaps[col,row].gen2CornerWangTilesmap();

  //
  // Link tiles of edges to neighbor tilemaps.
  //

  if (isTilemapExist(col - 1, row)) {
      tilemaps[col,row].linkLeftEdge(tilemaps[col - 1, row]);
  }

  if (isTilemapExist(col, row - 1)) {
      tilemaps[col,row].linkUpperEdge(tilemaps[col, row - 1]);
  }

  if (isTilemapExist(col + 1, row)) {
      tilemaps[col,row].linkRightEdge(tilemaps[col + 1, row]);
  }

  if (isTilemapExist(col, row + 1)) {
      tilemaps[col,row].linkLowerEdge(tilemaps[col, row + 1]);
  }
}

如上面的虛擬碼所示，生成一個指定座標的tilemap之後，還要再檢查此tilemap的上下左右4個方向是否也己經有tilemap存在，若是則需要再和它們作連通檢驗。

底下只舉linkLeftEdge一例，其餘依此類推。

void linkLeftEdge(leftTilemap)
{
  // Link left col to right col of wt.
  foreach tile i of left col {
    tileL = leftTilemap.tilemap[iL];    // foreach tile iL of right col of leftTilemap.
    tile = mTilemap[i] & ~(4 + 8);      // Clear top-left and bottom-left corner.
    if (tileL & 1) {                    // Match top-right corner.
      tile |= 8;
    }
    if (tileL & 2) {                    // Match bottom-right corner.
      tile |= 4;
    }
    tilemap[i] = tile;
  }
}

下圖為以此方法生成的一個無限隨機地圖。(tileset來源為http://cr31.co.uk/stagecast/wang/tiles_c.html)



標籤

標籤：

留言

張貼留言

這個網誌中的熱門文章

猜數字遊戲 (電腦猜人)

前幾天午睡時突然被告知要參加公司內部的程式設計比賽，題目是用C寫一支文字模式的4位數字猜數字遊戲，由使用者來猜電腦的數字。在上星期時其實就已經有公佈了，但我沒有注意到所以是臨時加入，還好這是個簡單的題目，不用花多少時間就可以寫出來。 規則： - 這是一對一比賽，雙方各選擇一4位數字，不讓對方知道。 - 4位數字由數字0至9組成，每位數不得重複。 - 雙方輪流猜對方的數字，直到一方猜中為止。 - A方猜B方的數字後，B方根據A方的猜測回答幾A幾B。 - 一個A表示猜中一個數字且位置正確，一個B表示猜中一個數字但位置不正確。 - 當一方猜中4A0B時即表示猜中對方全部4個數字且位置正確，贏得比賽。 - 例：B的謎底是4208，底下箭頭左測是A的猜測，箭頭右測是B的回答。 　　　1234 ==> 1A1B 　　　5678 ==> 1A0B 　　　2406 ==> 1A2B 　　　... 　　　4208 ==> 4A0B ; 寫個程式讓玩家來猜電腦的數字不難，不過我從來沒有寫過讓電腦來猜玩家數字的版本，所以花了點時間想想怎麼寫。 研究後歸納出二個點。 1, 使用窮舉法將所有可能數字組合列出。 2, 每次猜測後根據結果排除不可能是答案的組合，重複這個動作直到猜中答案為止。 第1點只是實作問題，第2點概念也很簡單，但要過濾不是答案的組合根據的是什麼？乍看之下沒什麼頭緒，不過想通之後就非常簡單了。 它的基本原理如下：假如謎底是4561，如果猜1524則會得到1A2B。從相反的角度來看，如果謎底是1524，則猜4561時也會得到1A2B的回答。 利用這個方法，每一次猜測一個數字X後，再以這個數字當作答案，來和所有剩下來的候選答案作比對，如果得到的結果(幾A幾B)和數字X是一樣的話，就把這個數字保留下來繼續作為候選答案，否則就過把這個數字過濾掉。下一把，繼續從候選答案裡選一個出來猜，重複上面的動作，直到猜中為止。 ; C++ STL的algorithm裡有個叫作next_permutation的函數，可以用來生成排列。 #include <iostream> #include <algorithm> using namespace std; int main () {   int myints[] = {1,2,3};  ...
11 則留言
Read more »

KillSudoku 4顆星精彩數獨詳解 - 鍊技巧

這題數獨(sudoku)題目估計為4+顆星，有點難度。解題需要應用多種技巧，過程非常精彩有趣，是個好題。 底下使用 KillSudoku 作詳細圖解。 １，使用基本排除法則，可以簡單填入６個數字。到此為止，開始使用 候選數法 來解題。如下所示，為填入６個數字後的狀態圖。 ２，如下圖，使用進階排除法，在第９列和第４行可以先排除幾個候選數。 ３，如圖，在第２行有一個 Naked Subset (3,4)，可以對3,4候選數作排除。附帶提一下，反過來看在同一行裡面也可以說有另一個Hidden Subset(2,5,8)存在。Naked Subset和Hidden Subset常是一體二面同時存在，只不過對我們來說，Naked Subset是相對比較容易看的出來。 排除第２行的3,4後，又可以對第２列以外的3作排除，如下圖。 ４，接著，在第５行又發現了一個 Naked Subset (3,7,8)。 對第５行三個Subset以外的候選數3,7,8作排除後，又接著產生可以對第５行以外的3作排除。 ５，這一題解到此為止，開始進入高潮。大部份能解到3顆星題目的人，猜想應該就此卡住。以下開始需要應用更高級的鍊技巧，才能夠繼續進行。 應用X-Chains鍊技巧，可以找到一條由４條強連結組成的鍊，可以排除候選數2。這裡的鍊指的是由２條以上的強連結組成，而所謂的強連結是指在同一行、或同一列或同一個Box裡，由唯二的候選數構成的連結。如上圖中的第９行中，只有二個2，這二個2構成一條強連結。為什麼說這是一條強連結？因為在這條連結的AB二個端點中，肯定會有一個2存在，要麼是A點要麼是B點。鍊技巧就是將多條強連結串連起來作候選數排除的技巧，而X-Chains是高級的鍊技巧裡面的基本技巧。 接上圖，這樣一來就又可以應用基本排除方法，填入３個數字，如下圖所示。 ６，接下來就是本題最精彩的部份，以下需要連續找到３條鍊，才能繼續往下解。 ７，找出３條鍊後，剩下來的部份就沒什麼特別的了，只需要應用基本法就能把所有剩餘數字填完。
張貼留言
Read more »

KillSudoku 4顆星精彩數獨 (三) - XY-Chains

這是數獨解題技巧裡面的高級技巧，比X-Chains還再高一點點。會這個技巧的話，就可以解4或5顆星的題目了。 這個用來測試的題目，用 KillSudoku 來解可以解出，中間使用了2次Naked Subset，1次 W-Wings ，1次 X-Chains ，2次 XY-Chains 。所以算起來，這一題應該是有5顆星的題目。 附帶一提，目前找鍊的演算法並沒有去找一條最短的鍊，所以可以看到用 KillSudoku 解的時候，第36的步驟找到一條超長的鍊，這條鍊足足由13條連線構成，要是沒練過的話，絕對頭昏眼花，找不出這樣的鍊來的。 實際上在這個步驟裡，是可以找到另一條更短的鍊。不過目前以先能work，之後有空會再改進演算法的部份。
張貼留言
Read more »