鐵人檔案
想用程式碼創作遊戲，卻不知該如何開始？本系列將帶你使用 PixiJS 這個強大的 2D 繪圖引擎，配合 code.gamelet.com 這個線上的遊戲開發平台，在不需要繁瑣的前置設定下，就可以馬上開始創作遊戲的核心內容。
從最基礎的 Sprite、Container，循序漸進到使用者互動、音效、特效等，讓你一步步掌握遊戲開發的核心，一起來享受實現創意的樂趣吧！
在 Day 04 的時候，我們曾介紹過如何讓 Sprite 移動，並利用循環更新使其產生動畫效果，但一天所展示的都是持續性動畫，就是會一直做，直到我說停，或是不...
前兩天，我們介紹了如何用循環更新來處理持續性的物件移動，以及如何用補間動畫（Tween）來實現一次性的平滑移動。而今天，我們要來介紹另一種截然不同的技術——Sp...
前陣子，我們介紹了許多跟畫面顯示有關的功能，而今天，我們要來介紹遊戲中除了畫面以外，另外一個同等重要的元素——聲音。 PixiJS 雖然作為一個 2D 繪圖引擎...
今天是第二週的最後一天，前陣子我們已經把使用 PixiJS 製作遊戲時，最基本會使用到的各種物件都介紹過了，還有其他像是 CG 的更新循環系統、補間動畫（Twe...
前 14 天我們一路從 Sprite、Container 一路走到互動、音效，最後還拼湊出一個「幸運餅乾」的小 Demo。老實說，PixiJS 的基礎差不多都打...
昨天我們告別了基礎教學，正式啟動了《小女巫・啟程》的專案。根據我們的企劃，今天要完成遊戲的第一個視覺目標：讓小女巫登場，並讓她身後的背景動起來，營造出飛行的感覺...
原本我們只打算讓小女巫上下移動，但身為一位優秀的巫師，偶爾後退拉開距離，或是加速向前衝刺都是戰鬥必備的技巧！ 因此，今天我們將為小女巫加入更完整的操控：上下移動...
昨天，我們成功讓小女巫學會了自由飛行。但一位優秀的巫師在戰鬥中只會閃躲可不行！今天我們要為她裝備火力，實作她的核心戰鬥機制——自動攻擊，發射她的第一顆魔法彈！...
昨天我們為小女巫加入了自動攻擊能力，但正如我們在總結中預見的，start() 函數已經開始變得過於臃腫：它既要負責初始化背景，又要管理女巫的事件，甚至還要管理圖...
昨天我們完成了專案的架構重構，實作了中央控制器 Game 類別。有了這個穩固的基礎，今天的核心目標是實作一個敵人生成系統，讓敵人能夠有規律、有波次地從畫面右側出...
