首先我們通過鏈接和圖片來看看效果
演示Demo鏈接地址:https://n3gis.github.io/exportToThree(3.0).html?scene=Demo_4



使用到的軟件(軟件大家到Unity商城上搜索,Unity商城地址:https://assetstore.unity.com)
Unity3D
3DTiles(Unity3D插件,用于加載OSGB格式的傾斜攝影數(shù)據(jù))
Export To Three.js(Unity3D插件,將Unity3D的三維場景導(dǎo)出到Three.js中來渲染)
首先我們使用3DTiles插件將OSGB數(shù)據(jù)轉(zhuǎn)換成3DTiles格式,在Unity3D軟件菜單中,選擇Window/3DTiles/ConvertTo3DTiles

在彈出的窗口中,選擇OSGB文件目錄及轉(zhuǎn)換后保持的文件目錄,注意文件目錄不要有中文路徑

點擊Convet按鈕后,等待模型的轉(zhuǎn)換完成,模型轉(zhuǎn)換完成后,使用Single Tileset Load腳本在Unity編輯器中加載傾斜攝影模型,如下圖所示

接下來我們使用Export To Three.js(3.0)來導(dǎo)出傾斜攝影模型,在Unity3d菜單中,選擇File/Export/Export To Three.js

在彈出的窗口中,我們選擇如下配置,其它配置項使用默認值來導(dǎo)出傾斜攝影模型

選擇需要導(dǎo)出的相機及傾斜攝影模型,點擊Export即可,導(dǎo)出后,可以在Setting中查看導(dǎo)出的文件目錄,使用Export To Three.js(3.0)插件默認的js案例工程即可加載傾斜攝影數(shù)據(jù);

如下是使用Three.js加載的傾斜攝影效果

ok,本節(jié)就講到這里了,如果文章有看不懂的,可以觀看如下視頻教程文章來源:http://www.zghlxwxcb.cn/news/detail-419268.html
https://youtu.be/mTd1B5soc20文章來源地址http://www.zghlxwxcb.cn/news/detail-419268.html
到了這里,關(guān)于Three.js開發(fā)神器-結(jié)合3DTiles插件加載傾斜攝影模型的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!