1、three.js實(shí)現(xiàn)3D測(cè)距

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

在example里面創(chuàng)建adminmesure.html文件夾——》編寫下面代碼

瀏覽器查看效果——》

2、對(duì)上面代碼修改（刪除原有模型，加載FBX模型，實(shí)現(xiàn)測(cè)距）

創(chuàng)建adminmeasure01.html——》編寫下面代碼——》

瀏覽器顯示結(jié)果——》

3、three.js實(shí)現(xiàn)加載進(jìn)度條

注意問(wèn)題：（1）其它編寫進(jìn)度條的代碼也可以直接復(fù)制下面的代碼。

1、three.js編寫加載進(jìn)度條

首先打開官方案例，接著打開控制臺(tái)。（點(diǎn)擊不同案例，查看控制臺(tái)是否有輸出加載進(jìn)度。找到合適的案例）

接著打開webgl_loader_obj_mtl.html文件，找到加載進(jìn)度的具體代碼——》

注意問(wèn)題：（1）官方案例有兩種，一種用onProgress函數(shù)，一直直接使用onProgress變量接收函數(shù)內(nèi)容。

（2）建議直接使用下邊這種修改過(guò)的代碼。

創(chuàng)建admin14.html文件——》

注意：下面代碼引用的最新版本的three.js。（引入three.js方法和以前稍微有點(diǎn)區(qū)別）

瀏覽器打開頁(yè)面，可以實(shí)時(shí)顯示加載進(jìn)度，2s后接著自動(dòng)消失——》