fbpx

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

課程簡介

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

從這 2 小時的課程,你會學到

  • 創造可在瀏覽器中執行的 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 開發一些課程,希望能夠激勵和教育新的開發者。

英文字幕:有

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

參加課程 ♥找優惠折扣碼?

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: