iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

用 PixiJS 寫遊戲!告別繁瑣設定,在 Code.Gamelet 打造你的第一個遊戲 系列

想用程式碼創作遊戲,卻不知該如何開始?本系列將帶你使用 PixiJS 這個強大的 2D 繪圖引擎,配合 code.gamelet.com 這個線上的遊戲開發平台,在不需要繁瑣的前置設定下,就可以馬上開始創作遊戲的核心內容。

從最基礎的 Sprite、Container,循序漸進到使用者互動、音效、特效等,讓你一步步掌握遊戲開發的核心,一起來享受實現創意的樂趣吧!

參賽天數 4 天 | 共 4 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01:為什麼選擇 PixiJS?這是一個關於「習慣」與「開始」的故事

為什麼選擇 PixiJS? 這個問題的答案其實很簡單,沒有什麼華麗的技術分析,也沒有複雜的效能評比。最老實的回答是:它是我程式旅程的起點。 剛踏入程式領域時,我...

2025-09-15 ‧ 由 酷可 分享
DAY 2

Day 02:創建你的第一個 PixiJS 專案

我們這個系列將會使用 PixiJS v8 來進行介紹,不過在正式開始寫 PixiJS 之前,我得先來介紹這次的秘密武器:Code.Gamelet(簡稱 CG),...

2025-09-16 ‧ 由 酷可 分享
DAY 3

Day 03:認識遊戲物件的靈魂 - Sprite

昨天,我們成功的在 CG 上創建了一個 PixiJS 的專案,並寫出了第一個測試程式。今天,就讓我們正式踏入 PixiJS 的世界,來認識最核心的顯示物件——S...

2025-09-17 ‧ 由 酷可 分享
DAY 4

Day 04:讓你的 Sprite 動起來 - 位置、縮放與旋轉

昨天,我們成功創建了第一個 Sprite,並將它顯示在畫面的正中央。有了這個靜態的物件後,今天,我們就要讓它活起來,學習如何控制它的位置、縮放與旋轉。 在開始之...

2025-09-18 ‧ 由 酷可 分享