使用THREE.js 創造一個 3D RPG 遊戲

Contents

使用 THREE.js 創造一個令人驚艷的 WebGL 3D 遊戲，該遊戲可在所有最新的瀏覽器中運行，包括行動裝置。

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

創造可在瀏覽器中執行的 3D 遊戲
瞭解如何控制一個角色，允許使用者指引這個角色在周圍的大環境行動
學習載入包含動畫的複雜外部 3D 設計資產
將動畫應用到貼皮網格( skinned mesh )
使用簡化的幾何圖形環境來包含使用者角色

要求

你需要熱衷於學習編寫自己的 3D 遊戲
我們將使用 Brackets 作為文字編輯器。但是如果您想使用不同的編輯器，請隨意使用您喜歡的編輯器
掌握一些 JavaScript 的知識會有所幫助
遊戲將在瀏覽器中執行，但你需要使用網頁伺服器。簡單的設定在第1部分中描述

課程說明

創造 3D 遊戲很有趣。在本課程中，你將很快學會建立一個令人驚艷的遊戲。作者已經以他的基於瀏覽器的 3D 遊戲贏得了許多獎項，他將帶你通過使用驚奇的 THREE.js 程式庫建立你自己的遊戲所需的所有技能。

THREE.js 讓製作 WebGL 遊戲變得更加容易。您不需要擔心如何編寫複雜的著色器(shaders)。相反，著色器將從您在Blender中建立的資產載入。。

你將會學到的

設定開發環境。
如何從 Blender 中匯出 3D 資產，包括動畫。
在哪裡可以找到你可以在自己的遊戲中使用的 3D 資產。
設置 THREE.js 相機，場景和渲染器的基礎知識。
新增一個預載入器(pre-loader)。
使用 FBXLoader 類別。
掌握 blending 動畫的藝術。
使用客製化的螢幕搖桿類別(onscreen JoyStick class)你可以很容易地新增到你自己的遊戲，這樣桌面和移動裝置使用者就可以得到相同的體驗。
如何平順地切換鏡頭角度。
如何使用簡化的幾何圖形鎖定您的角色到環境。
如何新增剪輯鏡頭(cut-scenes)。
如何新增聲音到您的遊戲，回應目前相機位置。
這是令人興奮和有趣的課程，在大約2小時內，你將獲得技能，以建立自己的遊戲。

學生評語:

“這門課真的很棒！我享受這次學習經歷的每一秒。多虧了Nicholas Lever(在所有方面) ，我迫不及待地想用 cannon.js 學習下一門課程了!”

目標受眾

你想學習如何製作可以在最新瀏覽器中執行的 3D 遊戲，甚至是在移動裝置上
你想要快速學習這些技能
你想將注意力集中在一個具有中心視覺角色的遊戲上
你想學習用程式碼控制 3D 設計資產

講師簡介

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 開發一些課程，希望能夠激勵和教育新的開發者。