您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關three.js中三維模型加載量測試的示例分析的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
模型數量有500多個
導出的.glb數據數據量總共1GB左右
使用nginx進行模型數據發布
循環使用THREE.GLTFLoader進行模型加載
模型全部加載
本機測試,數據傳輸速度還是比較快的,不到1分鐘加載完成
加載的時候,場景移動有些卡頓,模型加載完成后,場景操作就比較流暢了
性能消耗比較大,chrome的內存已經占用到4GB多了
模型細節還原的真實度還是可以的
使用three.js,很容易添加場景的一些光照和陰影等效果;
制作一個小的三維場景還是可以的;
每個模型上的效果,還是有API進行控制的;
電腦性能還是要求比較高的,瀏覽器方面,還是chrome展現的最好;
重復的對象,比如樹木、路燈等小部件,加載一次模型,復制對象,設置位置,這樣效率會高很多;
優化方面,要想提高模型的加載量,可以根據視野動態加載、卸載模型數據,這要在基礎上進一步開發;
模型細節、貼圖優化也是一方面,但是這樣會降低模型的展示效果;
功能方面,特別是gis方面,還是需要自己開發的。
感謝各位的閱讀!關于“three.js中三維模型加載量測試的示例分析”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。