1、Three.js加載3DTiles模型

threejs加載3DTiles模型gitee地址：https://gitee.com/kisshua/D3TilesRendererJS/tree/master

github地址：https://github.com/NASA-AMMOS/3DTilesRendererJS

本節(jié)案例源碼地址：

鏈接：https://pan.baidu.com/s/1uZ78E-epTrrb_HBYgN-X5g?

提取碼：l05s

首先下載上面地址中的代碼——》接著使用vscode打開，然后運行example/bundle/index.html

文件，可以看到加載出的3D Tiles模型——》我們可以直接將example/data里面的數(shù)據刪除，然后全部換成我們自己的數(shù)據——》接著再次運行就可以成功加載出我們自己的模型了——》

瀏覽器效果——》

注意問題：只有那個index.html里面可以正常訪問。（其它的有的加載不顯示內容）

接著使用sublime打開index.html和example.e31bb0bc.js文件——》然后全選example.e31bb0bc.js文件里面的內容，在點擊查看里面的自動換行（方便看源碼）——》

接著把js里面內容拉到第68行，可以看到加載的那個data/tileset.json模型文件——》然后直接把data文件里面的內容刪除，把我們自己的自己的tileset.json等文件復制到里面——》

注意問題：就是修改倒數(shù)第三行里面的內容（一共70行內容），還要修改相機在場景中與物體最小，最大家畜距離以及相機位置等）

在68行里面需要修改視口相機的比例，相機的位置使模型出現(xiàn)在瀏覽器中合適的位置。（源碼很多調整和threejs是一樣的，這里不在講解）

2、Three.js實現(xiàn)雙屏渲染

注意：官方案例寫法參考第三個。

（1）雙屏渲染加載stl模型

地址：https://www.wjceo.com/examples/threejs2/107/

（2）Three.js雙屏渲染fbx模型

代碼和模型下載地址：

此時在瀏覽器可以看到效果了——》

（3）Three.js雙屏渲染（對上面代碼進行修改，使用官方最新three.js版本）

運行以前下載的three.js項目——》接著找到雙屏渲染案例——》

模型下載地址：https://ringstar.top/threejs/examples/model/model01/maisuiyu.fbx

在axample文件夾里面創(chuàng)建admindouble.html文件——》接著編寫代碼——》

瀏覽器效果——》（需要自己添加燈光）