工程导入

本文将向您介绍如何通过 Visual Studio Code 导入 MRH5 项目。

一,启动Visual Studio Code

选择File > Open Folder:

MRH5 package

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

MRH5 package

二,初始化

MRH5 项目里使用的JS库可通过两种途径加载:

1.云端加载:通过链接从云端获取JS文件,例如:

<script src="https://cdnjs.cloudflare.com/ajax/libs/webrtc-adapter/6.2.1/adapter.min.js"></script>

2.本地加载:从本地加载已下载好的JS文件,例如:

<script src="js/adapter.min.js"></script>

三,文件管理

脚本以及资源文件框架可自定义,无特定要求。

 

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 - 工程主页。