★從零開始，拆掉遊戲製作的門檻★
☆本書作者獲2022 iThome鐵人賽—優選☆


網頁遊戲可說是最方便廣傳的發布平台，二十一世紀初期的Flash大一統年代已經證明了，不管規模多麼小、點子多麼荒誕不經的網頁遊戲，都有機會在網路上大放異彩。

自Flash走下神壇，HTML5取而代之，隨著技術的發展，網頁遊戲的開發工具變得越加成熟。

在網頁繪圖引擎的大海中，Pixi.js無疑是繼承了Flash精神的佼佼者，不但提供了高效、輕量級的圖像渲染、動畫特效，而且對於我們程式設計師來說，更有著功能清晰易懂、入門快速上手的好處。

此外，Pixi.js還是以TypeScript為語言撰寫的函式庫。TypeScript是JavaScript的一個超集，提供了靜態類型檢查和推斷等特性，不僅提高了程式碼的可讀性和可維護性，還大大地減少錯誤的發生。本書將並進介紹TypeScript的語法與Pixi.js的功能，通過實例演示如何使用這兩大工具，從零到有地開發網頁遊戲。

透過本書，您將學會如何以最先進的網頁技術製作遊戲，從開發環境的組建、基礎程式編輯概念、TypeScript語法、Pixi.js繪圖功能，到響應式遊戲尺寸、鍵盤滑鼠的操作、物理引擎的引入，再到網頁遊戲的發布和匯出手機遊戲的方法，本書提供了全面的指引與詳解，幫助您輕鬆掌握網頁遊戲製作的知識與技巧。

在WebView全面嵌入作業系統的今天，網頁技術成為支援多平台軟體的熱門選擇之一，對於遊戲製作的新手，更是一片充滿機運的天地。

讓我們一起打開這扇大門，創造屬於自己的遊戲世界吧！

本書內容分成四大部分：
1.開發環境的組建（第一、二章）
2.函式庫的建立（第三、四、五章）
3.實作遊戲（第六、七、八、九章）
4.發布遊戲於網頁與手機（第十章）

本書的適用對象
因為撰寫時所想像的閱讀對象是完全的入門者，也就是對遊戲製作抱有夢想卻不得其門而入的新手，所以內容除了加入許多程式設計上的解說與邏輯推衍的過程，也會避免使用過於行內的字眼。如果有不得不使用的專業術語，會加開小節對其詳加介紹。

在程式碼的演示上，則儘量將長篇大論切成許多小段來逐步解釋，希望能大幅降低閱讀壓力。

對於已經有程式底子的讀者，書中也有許多軟體設計模式的概念，還有各種遊戲中常用的演算法，供讀者學習思考與印證。

小哈片刻（Haska Su）

• 本名蘇千耀，現於多倫多的動畫公司擔任多媒體部門的技術總監
• 經營線上遊戲平台「嘎姆擂台」
• 線上遊戲「光暈戰記」製作人
• 「我的遊戲口袋」網站創始人
• Youtube「小哈片刻」頻道創作者
• 2022「iThome鐵人賽」優選作品──30個遊戲程設的錦囊妙計
• 視覺藝術學院（School of VisualArts）電腦動畫與多媒體碩士
• 十多年國內外遊戲業界經驗，參與過數百項遊戲開發專案