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