8、Three.js实现3D测距和加载进度条

1、three.js实现3D测距

参考文档地址：https://blog.csdn.net/fesfsefgs/article/details/124379430

在example里面创建adminmesure.html文件夹——》编写下面代码

浏览器查看效果——》

2、对上面代码修改（删除原有模型，加载FBX模型，实现测距）

创建adminmeasure01.html——》编写下面代码——》

浏览器显示结果——》

3、three.js实现加载进度条

注意问题：（1）其它编写进度条的代码也可以直接复制下面的代码。

1、three.js编写加载进度条

首先打开官方案例，接着打开控制台。（点击不同案例，查看控制台是否有输出加载进度。找到合适的案例）

接着打开webgl_loader_obj_mtl.html文件，找到加载进度的具体代码——》

注意问题：（1）官方案例有两种，一种用onProgress函数，一直直接使用onProgress变量接收函数内容。

（2）建议直接使用下边这种修改过的代码。

创建admin14.html文件——》

注意：下面代码引用的最新版本的three.js。（引入three.js方法和以前稍微有点区别）

浏览器打开页面，可以实时显示加载进度，2s后接着自动消失——》