用 THREE.js 與 Socket.IO 建立一個 3D 多人遊戲

學習使用 WebGL 程式庫 THREE js、NODE.Js 和 Socket IO 來創建 3D 多人遊戲。

從這 2.5 小時的課程，你會學到

你將學習如何使用 THREE js 在現代瀏覽器中顯示優秀的 3D 內容，包括在行動裝置上
學習使用 NODE js 伺服器
瞭解如何從線上提供商獲得優秀的 3D 資產，包括動畫資產
學習使用 Socket io 建立一個簡單的聊天應用程式
把你所有的新技能放在一起，創造一個 3D 遊戲，有可互動的遠端玩家

要求

假設學生懂基本的 JavaScript

課程說明

使用 Socket IO，很容易建立一個多個遠端玩家可以共享資料的遊戲。在本課程中，我們首先安裝 NODE.js，這是 Socket IO 的先決條件。NODE.js 是一個開源的伺服器環境。我們確保 NODE.js 正常工作，並且通過執行一些非常簡單的範例來了解如何執行它。

第 3 節中，我們將使用 Socket IO 構建一個簡單的聊天應用程式，我將向你展示如何使用 Socket IO 的 rooms 功能來限制網路接口( Socket )之間的通訊到共享一個 room 的 Socket 群組。

第 4 節介紹了 WebGL 程式庫、THREE.js，並展示如何使用該程式庫顯示資產。

第 5 節介紹如何訪問線上 3D 資源模型和動畫，並展示如何使用 Blender 編輯這些資產。

第 6 節將更詳細地介紹如何使用 THREE.js 進行遊戲開發。

第 7 節將 3D 和 Socket IO 結合，開發一個遊戲框架，遠端玩家在其上移動。

第 8 節展示我們如何通過網路接口到網路接口( socket )傳送私人聊天訊息，和遠端的玩家聊天。

第 9 節展示如何將你的遊戲移植到實時運作的伺服器上。

最後一部分提供線上遊戲開發上，使用配合 THREE.js 程式庫的 NODE.js 和 Socket IO 一些重要技巧。

完成課程後，你將擁有建立自己的 3D 多人遊戲所需的所有技能。本課程有 30 天的退款保證，你可以完全自信無損失地開始今天的課程。

以下是本課程獲得學生的一些評論 :

” Nik 的教學很棒”

“這位老師簡單地解釋了使用最新最熱門的技術建立一個完整的 3D 多玩家的聊天應用程式的整個過程，我想說他把這技術的神祕完全去除了”

“這個課程對我正在進行的專案幫助很大。我非常喜歡這門課。這可能是唯一一個展示了如何使用 THREE.js 建立 3D 遊戲的課程。它的 socket io 實現令人驚歎。我一定會建議你報名參加這門課程。”

目標受眾

如果你有興趣建立多人遊戲，那麼這就是你的課程
如果你想學習使用 Socket IO，那麼這就是你的課程

講師簡介

Nicholas Lever 遊戲開發者 (更多講師主講課程介紹)

我在 1980 年以卡通動畫師的職業開始工作。在 1982 年買了一台 Sinclair ZX81，開始轉做一個全職的程式設計師。ZX81 很快就被 Sinclair Spectrum 取代，一個 Z80 處理器和一個48K 的大容量 ram 讓它成為一款更好的電腦來開發遊戲，我用 Sinclair Basic 和 Assembler 開發了一些遊戲。而後，Spectrum 被換成了 Commodore Amiga，我開發了更多的遊戲，發佈到共享軟體市場。接著我轉而使用 C。在這個階段，它基本上是一種嗜好。我的正職工作仍在動畫廣告。

我在 90 年代初最後買了一臺電腦，並建立了一個精靈程式庫( sprite library ) ActiveX 控制元件，並且寫了我的第一本書，目的是讓設計師進入程式設計。在 90 年代中期，Flash 和我現在運營的公司 Catalyst Pictures 以創造遊戲而聞名。

從那時起，我的大部分工作生涯都在建立遊戲，首先是在 Flash 和 Director 中，因為導演釋出了第一個可廣泛使用的 3D 庫，該庫將使用一個外掛在瀏覽器中執行。

近年來，遊戲開發涉及到使用 HTML5 和 Canvas。使用自定義程式碼和各種程式庫( libraries )。一個特別的偏好是使用最新版本的 Adobe Flash，現在稱為 Animate，它向 Javascript 程式庫 Createjs 輸出。

我為 BBC、約翰遜和嬌聲( J&J )、德勤( Deloitte )、火星( Mars )公司和其他許多藍籌客戶工作過。我經營了 30 多年的公司，得過許多獎項，並兩次被提名 BAFTA，在英國相當於奧斯卡獎。

在過去的 20 年裡，我一直感到震驚的是，要找到優秀的開發人員是多麼的困難，我決定為此做點什麼，而不僅僅是抱怨。我為 9 – 13 歲的孩子開設了一個 CodeClub，並打算為 Udemy 開發一些課程，希望能夠激勵和教育新的開發者。

英文字幕：有

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

點選 ✨ 資料科學機器學習課程 NT320 起的優惠連結 ( 優惠不限於資料科學機器學習課程，需登入 Udemy 取得)| Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現