鐵人檔案
想用程式碼創作遊戲，卻不知該如何開始？本系列將帶你使用 PixiJS 這個強大的 2D 繪圖引擎，配合 code.gamelet.com 這個線上的遊戲開發平台，在不需要繁瑣的前置設定下，就可以馬上開始創作遊戲的核心內容。
從最基礎的 Sprite、Container，循序漸進到使用者互動、音效、特效等，讓你一步步掌握遊戲開發的核心，一起來享受實現創意的樂趣吧！
為什麼選擇 PixiJS？ 這個問題的答案其實很簡單，沒有什麼華麗的技術分析，也沒有複雜的效能評比。最老實的回答是：它是我程式旅程的起點。 剛踏入程式領域時，我...
我們這個系列將會使用 PixiJS v8 來進行介紹，不過在正式開始寫 PixiJS 之前，我得先來介紹這次的秘密武器：Code.Gamelet（簡稱 CG），...
昨天，我們成功的在 CG 上創建了一個 PixiJS 的專案，並寫出了第一個測試程式。今天，就讓我們正式踏入 PixiJS 的世界，來認識最核心的顯示物件——S...
昨天，我們成功創建了第一個 Sprite，並將它顯示在畫面的正中央。有了這個靜態的物件後，今天，我們就要讓它活起來，學習如何控制它的位置、縮放與旋轉。 在開始之...
昨天，我們成功讓第一個 Sprite 動了起來。有了控制單一物件動態的經驗後，今天我們將面臨一個更實際的問題：當一個遊戲角色由多個物件組成時，要怎麼一起控制它們...
昨天，我們介紹了如何使用 Container 將多個顯示物件放在一起，輕鬆地控制它們的整體動作，而且我們還偷偷用到了 Graphics 來繪製血條，今天我們就要...
昨天，我們介紹了 Graphics 類別，學會了如何用程式碼畫出各種形狀，甚至還挑戰了一個會動的紅綠燈。今天，我們將介紹另一個遊戲中不可或缺的元素：文字。 Te...
在昨天介紹完 Text 後，到目前為們已經過了一個禮拜，我們把 PixiJS 中最基本的顯示物件都介紹過了一次，Sprite、Text、Graphics、Con...
昨天，介紹完與滑鼠、觸控相關的輸入互動後，今天就要來介紹怎麼在 CG 上偵測玩家的鍵盤輸入啦～ 首先，PixiJS 做為一個 2D 繪圖引擎，並不包含偵測鍵盤輸...
在前面幾天，我們已經不知不覺地使用了 CG.Base2.addUpdateFunction 這個功能好幾次。無論是讓 Sprite 像螢幕保護程式一樣在畫面中彈...
