系列文章
[1 - 前言] 連連看遊戲開發
連連看遊戲起源 《連連看》顧名思義就是找出相關聯的東西連起來，做關連配對的一種益智遊戲。 最早是使用在幼兒教育的教具上，由於玩法簡單，常用作兒童啟蒙教育遊戲，建...
[2 – 演算法] 演算法介紹
何為演算法 演算法的簡單定義：輸入 + 演算法 = 輸出 這一篇文章有非常詳細的介紹演算法是什麼：初學者學演算法-談什麼是演算法和時間複雜度 一般判斷演算法的好...
[3 - 環境設定] 開發環境介紹
VS Code Visual Studio Code（簡稱VS Code）是一個由微軟開發的IDE，它最大的優點就是它是完全免費且Open Source的。它支...
[4 - 遊戲邏輯] 產生初始盤面
棋盤設計 用一個陣列來代表盤面，裡面儲存1~N來代表不同的圖形 隨機產生盤面 觀察連連看遊戲裡，同樣的圖形通常會有四個，因此如果盤面是10x10的話，總共會有1...
[5 - 遊戲邏輯] 圖形連線消除邏輯發想
搜尋邏輯思考 在連連看裡面，連線的線條不可超過兩個轉彎處，兩個轉彎處的意思，代表連接的線最多只能由三條直線來組成。 這時候我們來思考該如何找出這兩點間所存在的那...
[6 - 遊戲邏輯] 連線消除程式撰寫
主要遊戲流程 連連看點選兩個圖案後，可消除的邏輯是: 兩個所點擊到的圖案相同 連線不超過兩個轉彎 因此我們先來寫遊戲主流程的部份，玩家會先點第一個圖案，代表...
[7 - 遊戲邏輯] 電腦搜尋路徑
判斷是否存在任一條路徑 在這個連連看遊戲中，是有可能存在死局的，也就是沒有任何兩個圖案可以用兩個轉彎內的線連接起來時。這時我們需要讓電腦能夠自動判斷這種狀況並做...
[8 - 遊戲介紹] 遊戲歷史簡介
遊戲的要素 前一篇的成果是連連看的純邏輯程式，沒有具備一般遊戲必備的遊戲畫面、動畫、音效、特效等…。 其成果看起來是這樣的： 只有數字的畫面、沒有連線效果只有...
[9 - 遊戲介紹] 遊戲開發技術介紹
遊戲開發技術介紹 在開發遊戲時，遊戲畫面、特效、音效的呈現是吸引玩家很重要的關鍵，也是讓玩家能夠更加放鬆的享受遊戲內容的必備要素，例如現在強調的虛擬實境等，也都...
[10- 遊戲製作] PixiJS介紹
關於PixiJS 下面文字是官網裡對於 Pixi.js 特性的說法： Pixi.js is a 2D webGL renderer with a seaml...