WEBXR案例开发——基于WEB3D引擎的虚拟现实技术

第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构建选项介绍 参考文献