工程导入
本文将向您介绍如何通过 Visual Studio Code 导入 MRH5 项目。
一,启动Visual Studio Code
选择File > Open Folder:

导入下载好的 MRH5 示例工程文件:

本文将向您介绍如何通过 Visual Studio Code 导入 MRH5 项目。
一,启动Visual Studio Code
选择File > Open Folder:
导入下载好的 MRH5 示例工程文件:
二,初始化
MRH5 项目里使用的JS库可通过两种途径加载:
1.云端加载:通过链接从云端获取JS文件,例如:
2.本地加载:从本地加载已下载好的JS文件,例如:
三,文件管理
脚本以及资源文件框架可自定义,无特定要求。
CSS
index.css - 控制工程整体页面排布。
JS
adapter.min.js - 适配WebRTC的规范更改和前缀差异。
createjs.min.js - 实现预加载的功能。
jquery-3.3.1.min.js - 提供简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
three.min.js - 提供多种3D显示功能的WebGL库。
3D模型使用的代码库:
OrbitControls.js - 轨道加载控制器,可实现场景和内容的点击缩放功能。
OBJLoader.js - 将.OBJ格式3D模型导入AR-3D场景。
MTLLoader.js - 将.MTL格式3D模型导入AR-3D场景。
FBXLoader.js - 将.FBX格式3D模型导入AR-3D场景。
Inflate.min.js - FBXLoader.js需要的脚本。
index.js - 控制工程整体页面。
img - 网站UI的素材。
resources - 可设置和替换的素材。
assets – 待使用模型(.FBX 格式)。
index.html - 工程主页。