10個免費/付費的JavaScript遊戲開發課程 | JavaScript遊戲開發指南 2

你想過創建自己的遊戲嗎？或者你是一位SOHO族或自由職業者，渴望通過遊戲製作來實現財富自由？隨著JavaScript在遊戲開發領域的普及，越來越多的人開始探索這個充滿潛力的技術。根據最新的統計，今年在Steam平台上販售或是公開的遊戲裡，總銷售量達到驚人的5.04億美元，其中58%的銷售來自獨立遊戲。這一數據顯示了開發獨立遊戲的巨大潛力和市場需求，為創業者和小型企業提供了無限的機會。無論你是初學者還是已有一定經驗的開發者，這些課程將幫助你提升技能，創作理想中的獨立遊戲。接下來，我們將介紹7個免費和3個付費的JavaScript遊戲開發課程，幫助你找到最適合自己的學習資源，開啟你的遊戲製作之旅。

免費課程　（影片）

1. freeCodeCamp - Learn Game Development with JavaScript
   • 簡介：這是一個10小時的完整課程，教你如何使用HTML、CSS和純粹的JavaScript開發2D遊戲，無需框架或庫。
   • 關鍵特點：從基礎到進階，包括精靈動畫、背景效果、碰撞檢測等。
   • 教學傳送門：freeCodeCamp - Learn Game Development with JavaScript
2. Codecademy - Learn Phaser.js: Fundamentals
   • 簡介：這個課程介紹了Phaser.js，一個HTML5遊戲開發框架，幫助你快速開發網頁遊戲。
   • 關鍵特點：中階難度，包括基礎知識和實際應用。
   • 教學傳送門：Codecademy - Learn Phaser.js: Fundamentals
3. Codecademy - Learn Phaser.js: Physics
   • 簡介：這個課程教你如何在Phaser.js中加入物理引擎，使遊戲更加逼真。
   • 關鍵特點：中階難度，包括物理引擎的基本概念和應用。
   • 教學傳送門：Codecademy - Learn Phaser.js: Physics
4. Codecademy - Learn Phaser.js: Animations and Visuals
   • 簡介：這個課程教你如何在Phaser.js中添加動畫和視覺效果，使遊戲更加生動。
   • 關鍵特點：中階難度，包括動畫和視覺效果的基本概念和應用。
   • 教學傳送門：Codecademy - Learn Phaser.js: Animations and Visuals
5. JavaScript Game Development Masterclass 2022
   • 簡介：這個JSMasterclass課程會使用 HTML5、CSS3 和純 JavaScript 來遊戲開發遊戲，可以學習到遊戲循環、碰撞檢測、動畫等等基本遊戲開發技術，這些都是創建互動遊戲的核心要素。
   • 關鍵特點：基礎到進階，無需使用任何JS框架，涵蓋基本的遊戲開發技術，包含 6 個可以跟著做的獨立項目和 3 個可以玩遊戲。
   • 教學傳送門：JavaScript Game Development Masterclass 2022

免費課程　（文章）

1. Quick Start Guide to Game Development with JavaScript
   • 簡介：這個文字版JS做遊戲指南將幫助你快速入門 JavaScript 遊戲開發，涵蓋從設置開發環境到實現遊戲的各個方面。
   • 關鍵特點：介紹開發工具、核心技術、遊戲構建、優化和部署等。
   • 教學傳送門：Quick Start Guide to Game Development with JavaScript
2. MDN Web Docs - 2D Breakout Game Using Pure JavaScript
   • 簡介：這個文字版JavaScript開發遊戲指南可以幫助你快速入門 JavaScript 遊戲開發，涵蓋從設置開發環境到實現遊戲的各個方面。
   • 關鍵特點：介紹開發工具、核心技術、遊戲構建、優化和部署等。
   • 教學傳送門：MDN Web Docs - 2D Breakout Game

付費課程

1. Udemy - Learn Game Development with JavaScript
   • 簡介：這個課程由Frank Dvorak教授，教你如何使用HTML、CSS和JavaScript開發2D遊戲，無需框架或庫。
   • 關鍵特點：包括精靈動畫、背景效果、碰撞檢測等，並提供實際專案練習。
   • 連結：Udemy - Learn Game Development with JavaScript
2. Udemy - JavaScript Game Development Step by Step
   • 簡介：這個課程教你逐步創建3個JavaScript遊戲，包括動畫和發布在GitHub上。
   • 關鍵特點：從基礎到進階，包括動畫和發布技巧。
   • 連結：Udemy - JavaScript Game Development Step by Step
3. Chris Courses - JavaScript Game and Web Development
   • 簡介：這個課程教授JavaScript遊戲和網頁開發的基礎知識，幫助你創作出專業級別的遊戲和應用。
   • 關鍵特點：包括基礎知識和實際應用，並提供社區支持。
   • 連結：Chris Courses - JavaScript Game and Web Development

推薦閱讀

純文字 / 文字冒險遊戲製作用什麼引擎 / 工具/ 軟體製作最適合你? 【上篇#01】 | 月鹿盒子

從 0 開始學Godot | 創建角色【遊戲引擎學習日記#1】 | 月鹿盒子

如何製作遊戲 2024版：JavaScript遊戲開發指南 1 | 月鹿盒子