WebXR案例開發——基於Web3D引擎的虛擬現實技術

《WebXR案例開發——基於Web3D引擎的虛擬現實技術》是2023年8月1日清華大學出版社出版的圖書，作者：謝平、張克發、耿生玲、張榮、楊鑫。

基本介紹

• 中文名：WebXR案例開發——基於Web3D引擎的虛擬現實技術
• 作者：謝平、張克發、耿生玲、張榮、楊鑫
• 出版時間：2023年8月1日
• 出版社：清華大學出版社
• ISBN：9787302635574
• 定價：69 元
• 印次：1-1
• 印刷日期：2023.08.24

內容簡介

《WebXR案例開發——基於Web3D引擎的虛擬現實技術》詳細講解了 Babylon.js框架的使用方法、代碼編寫風格以及詳細的案例實現步驟和效果展示，使讀者逐步對 WebXR 的學習產生濃厚的興趣。書中由淺入深地講解了WebXR案例的開發過程，在講述技術知識點的基礎上，詳細分析每個案例的具體開發和實現過程，以便讀者能夠將之前學習的WebXR 技術相關模組在綜合案例中融會貫通。本書還提供了WebXR技術相關的輔助學習視頻資源，助力WebXR開發愛好者快速入門。開發後的WebXR套用可發布至雲平台，方便用戶直接通過移動端或PC端的瀏覽器進行訪問和體驗。 《WebXR案例開發——基於Web3D引擎的虛擬現實技術》適合作為高等院校數字媒體相關專業的教材或指導書，也可作為WebXR 開發人員或初學者的參考書。

圖書目錄

目錄

第1章虛擬現實基礎

1.1增強現實介紹

1.1.1增強現實概念

1.1.2增強現實技術特點

1.1.3增強現實技術發展

1.1.4增強現實技術分類

1.1.5增強現實的技術原理

1.2虛擬現實介紹

1.2.1虛擬現實概念

1.2.2虛擬現實的特性

1.2.3虛擬現實技術發展

1.2.4虛擬現實技術分類

1.2.5虛擬現實技術原理

1.3混合現實介紹

1.3.1混合現實概念

1.3.2混合現實內容設計

1.3.3混合現實中的互動設計

1.3.4混合現實體驗舒適度

1.3.5混合現實內容設計的視覺表現

1.4虛擬現實硬體設備介紹

1.4.1PC端頭顯設備

1.4.2一體式頭顯設備

1.4.3移動端頭顯設備

1.5增強現實硬體設備介紹

1.5.1微軟HoloLens智慧型眼鏡

1.5.2Magic Leap

1.5.30glass AR

1.5.4HoloMax全息互動系統

1.5.5XMAN智慧型眼鏡

第2章WebXR介紹

2.1WebGL介紹

2.1.1基本概念

2.1.2發展歷史

2.1.3套用場景

2.2WebXR技術發展與現狀

2.2.1W3C標準化組織

2.2.2曇花一現的WebVR API

2.2.3WebXR API介紹

2.3Three.js框架介紹

2.3.1基於Python的Web伺服器搭建

2.3.2基於NPM的Web伺服器搭建

2.4AFrame框架介紹

2.5Babylon.js引擎介紹

2.5.1初始化網頁

2.5.2初始化3D場景

2.5.3創建三維物體

2.5.4修改物體的材質

第3章WebXR開發基礎

3.1一行代碼讓網站支持3D和VR

3.2場景創建

3.2.1快速創建場景

3.2.2場景創建API說明

3.3場景燈光

3.3.1燈光的類型

3.3.2燈光顏色的設定

3.3.3燈光開關和調光器

3.4場景陰影

3.4.1陰影生成

3.4.2透明物體和陰影

3.4.3燈光與陰影的關係

3.4.4體積光散射後處理

3.5場景互動

3.5.1如何在場景中進行互動

3.5.2鍵盤的互動

3.5.3滑鼠的互動

3.6相機

3.6.1通用相機

3.6.2軌道相機

3.6.3跟隨相機

3.7動畫

3.7.1設計動畫

3.7.2序列動畫

3.8音頻

3.8.1創建音頻檔案

3.8.2通過事件觸發音頻播放

3.8.3音樂屬性

3.8.4通過ArrayBuffer來載入音頻檔案

3.8.5通過資源管理器載入音頻檔案

3.9相機和格線

3.9.1相機的行為

3.9.2格線的行為

3.10資源管理

3.10.1SceneLoader.Append

3.10.2SceneLoader.Load

3.10.3SceneLoader.ImportMesh

3.10.4SceneLoader.ImportMeshAsync

3.10.5SceneLoader.LoadAssetContainer

3.10.6SceneLoader.ImportAnimations

3.10.7SceneLoader.AppendAsync

3.10.8AssetsManager

3.10.9使用載入進度

3.11材質

3.11.1材質的創建

3.11.2漫反射

3.11.3環境光顏色

3.11.4透明顏色

3.11.5紋理

3.11.6透明紋理

3.11.7顯示模型線框

第4章中國傳統建築三維展示案例開發

4.1基於VSCode開發環境配置

4.1.1安裝VSCode開發工具

4.1.2Live Server外掛程式安裝

4.1.3在VSCode中調試代碼

4.2PBR材質的使用

4.2.1PBR材質簡介

4.2.2PBR基礎理論

4.2.3PBR材質的製作

4.2.4使用Blender導出glTF模型

4.2.5在Sandbox中查看模型效果

4.3模型導出

4.3.1常見的3D模型格式

4.3.2從3ds Max軟體導出glTF模型

4.3.3從Blender導出glTF模型

4.3.4在Sandbox中查看glTF模型

4.4載入頁面

4.4.1基礎頁面創建

4.4.2創建載入頁面

4.5場景載入

4.5.1設定Canvas

4.5.2初始化引擎

4.5.3創建場景Scene

4.5.4遊戲循環

4.5.5相機的創建

4.5.6創建天空盒

4.5.7創建環境燈光

4.5.8模型載入

4.6場景互動

4.6.1UI的創建

4.6.2音樂的創建和控制

4.6.3場景中物體的互動

第5章WebAR解決方案介紹

5.1基於Kivicube的WebAR套用開發

5.1.1項目創建

5.1.2場景創建

5.1.3創建場景內容

5.1.4創建場景互動

5.1.5場景保存與分享

5.2基於EasyAR的WebAR套用開發

5.2.1EasyAR WebAR簡介

5.2.2EasyAR WebAR快速入門

5.2.3EasyAR Web3D模型動畫要求

5.3基於開源的AR.js套用開發

5.3.1圖像跟蹤案例

5.3.2基於位置的AR案例

5.3.3基於標記的AR案例

第6章Web遊戲非遺慶全運開發案例

6.1案例介紹

6.2Cocos Creator引擎

6.2.1Cocos Creator引擎簡介

6.2.2引擎安裝

6.2.3使用Dashboard

6.2.4Hello World

6.3場景創建

6.3.1場景資源

6.3.2節點和組件

6.3.3坐標系和節點變換屬性

6.3.4使用場景編輯器搭建場景圖像

6.4遊戲動畫

6.4.1動畫幀

6.4.2Sprite

6.4.3卡通片段

6.4.4SpriteAnimation類的實現

6.4.5編輯SpriteAnimation

6.5遊戲UI互動

6.5.1UI入門

6.5.2Canvas組件

6.5.3UI變換組件

6.5.4Widget組件

6.5.5Button組件

6.6遊戲發布

6.6.1熟悉構建發布面板

6.6.2構建選項介紹

參考文獻