HTML5遊戲開發課程：從入門到精通
學習使用HTML5 Canvas建立可在所有現代桌面和移動瀏覽器中執行的HTML5遊戲
更新於 2024年9月
語言 - 英語
講座 -60
資源 -2
時長 -5.5小時
終身訪問
課程描述
HTML5遊戲幾乎可以在所有裝置上執行。向一位從事休閒遊戲開發20多年的專家學習如何建立HTML5遊戲。所有HTML5遊戲都基於使用JavaScript在畫布上顯示內容的知識。我們使用最新的JavaScript版本ES6，因此除了學習遊戲開發外，您還將學習最新的JavaScript語法。在本課程中，我們將從畫布上單個影像的基礎知識開始。然後我們將繼續學習精靈——逐步開發一個精靈庫，您可以隨意將其用於自己的遊戲中。該庫允許您顯示幀動畫精靈，這些精靈顯示影像的翻頁書，以顯示行走和奔跑的角色等等。
您將學習
關於物理學，以便輕鬆地為您的遊戲新增動態碰撞檢測。
如何建立平臺遊戲、益智遊戲和紙牌遊戲。
如何新增多層音訊。
如何為您的遊戲新增預載入器。
如何新增使您的遊戲脫穎而出的精美細節。
如何透過WebSockets處理多個使用者。
所有程式碼都可以在您自己的遊戲中免費使用。本課程包含許多資產和程式碼示例，您可以隨意將其用於自己的遊戲中。作為課程學員，您還可以訪問一個用於建立精靈表和動畫的線上工具。
完成本課程後，您將能夠開發任何2D遊戲。我們只假設您具備HTML和Javascript的基礎知識，所有概念都將透過您可以嘗試的示例和您可以在自己的遊戲中使用的資源來解釋。
觀看預告片，瞭解您學習完本課程後將要構建的內容。HTML5遊戲開發非常有趣，在本課程中學習的技能將極大地提高您的JavaScript技能，這將對您的Web開發職業生涯有所幫助。
目標
- 建立令人驚豔的遊戲，這些遊戲可以在大多數現代瀏覽器、桌上型電腦和移動裝置上執行。
- 瞭解如何為客戶處理複雜的可互動遊戲。
- 瞭解如何使用WebSockets處理多人遊戲。
- 如何為您的遊戲新增特色功能，使其在市場上脫穎而出。
先決條件
- 網站搭建的基本知識。
- 文字編輯器，推薦使用Brackets（免費）。
- 假設您具備HTML和JavaScript的基礎知識。
課程大綱
檢視課程詳細內容分解
簡介
7 節課
-
你將學習什麼 01:47 01:47 -
在Windows上搭建Web伺服器 03:36 03:36
-
在Mac上搭建Web伺服器 06:58 06:58
-
在Linux上搭建Web伺服器 05:23 05:23
-
建立、測試和檢查您的測試頁面 04:02 04:02
-
使用Chrome的Web伺服器 03:59 03:59
-
使用GitHub 03:51 03:51
HTML5 Canvas入門
6個講座
讓我們發出聲音
3 節課
物理真有趣
4 節課
好的，我們瞭解足夠的資訊了，讓我們做一個真正的遊戲
4 節課
電腦對戰遊戲
3 節課程
儲存和載入
2 節課
多人遊戲
3 節課程
課程資源
1 節課程
講師 詳情
Nicholas Lever
在獲得平面設計學位後，我於1980年開始從事卡通動畫師的工作。1982年購買了一臺Sinclair ZX81電腦，標誌著我向全職程式設計師過渡的開始。ZX81很快就被Sinclair Spectrum取代，Z80處理器和高達48K的記憶體使這臺電腦成為開發遊戲的更佳選擇。我使用Sinclair Basic和組合語言開發了一些遊戲。Spectrum隨後被Commodore Amiga取代，我開始在共享軟體市場開發更多遊戲，並轉向使用C語言。在這個階段，這基本上是一種愛好。我的付費工作仍然是動畫廣告。
我在九十年代初期終於買了一臺PC，並在開放大學完成了數學和計算機科學學位。我建立了一個精靈庫ActiveX控制元件，並創作了我的第一本書，旨在幫助設計師學習程式設計。九十年代中期，Flash出現了，我當時經營的公司Catalyst Pictures開始以製作遊戲而聞名。
從那時起，我的大部分工作生涯都致力於製作遊戲，首先是使用Flash和Director，因為Director釋出了第一個可在瀏覽器中使用外掛執行的廣泛使用的3D庫。
近年來，遊戲開發涉及使用HTML5和Canvas，同時使用自定義程式碼和各種庫。我尤其偏好使用最新版本的Adobe Flash，現在稱為Animate，它可以匯出到Javascript庫Createjs。
我曾為BBC、強生公司、德勤、瑪氏公司以及許多其他藍籌公司工作。我經營了30多年的公司贏得了許多獎項，並兩次獲得英國電影和電視藝術學院獎（BAFTA）提名，相當於英國的奧斯卡獎。
在過去的20年裡，我一直被尋找優秀開發人員的困難所困擾，並決定為此做點什麼，而不是僅僅抱怨。我為9-13歲的兒童開設了一個CodeClub程式設計俱樂部，並且正在為Tutorialspoint開發一系列課程，希望能激勵和教育新的開發人員。我的大多數課程都涉及使用流行的開源庫Three.JS或Unity的即時3D圖形。我目前正樂在其中地開發WebXR遊戲，並玩我的Oculus Quest頭顯。
課程 證書
使用您的證書來改變職業或在您目前的職業中提升。
我們的學生與
最佳的 公司
相關 影片課程
檢視更多
