基於WebGL/Threejs技術的BIM模型輕量化之圖元合併
伴隨著網際網路的發展,從桌面端走向Web端、移動端必然的趨勢。網際網路技術的興起極大地改變了我們的娛樂、生活和生產方式。尤其是HTML5/WebGL技術的發展更是在各個行業內引起顛覆性的變化。隨著WebGL標準被廣泛接受,出現了許多基於HTML5的開源三維引擎,如threejs、scenejs等。尤其threejs使用非常廣泛,一方面由於其使用門檻較低,另一方面是其支援若干種三維檔案格式,如stl、obj、3ds、obj、dae、fbx等。對於中小規模的三維模型,使用threejs可以快速搭建一個基於Web的模型瀏覽應用。
瀏覽器受計算能力和記憶體限制等方面的影響,基於桌面的對模型的資料組織和載入方式須做出相應調整,即需要更多的使用三維模型輕量化技術對模型進行深度處理。三維模型輕量化主要包括兩個方面:模型輕量化顯示和模型檔案轉換。
圖元合併:應用於大模型結構比較複雜,頂點、面比較資料比較大,可以通過演算法根據權重剔除相應的頂點、面。從而到達輕量化模型效果。
幾何物件構件物件化: 相同形狀的幾何物件不做多次拷貝,大模型相同幾何體只做一個載入,只做相同模型構件移動、旋轉、縮放。這樣做模型檔案和瀏覽器記憶體的大小得到明顯減少。
場景八叉樹劃分:八叉樹可以快速剔除不可見圖元,減少進入渲染區域的繪製物件。
Lod:模型可以裝置Lod,根據距離、級別載入不同複雜度結構模型。
模型檔案壓縮:三維模型stl、obj、3ds、obj、json等檔案格式演算法壓縮。
1.模型圖元合併20%效果
2.模型圖元合併50%效果
更多細節和功能改進後續贅述,感興趣的可以留言或發郵件1985692469@qq.com,歡迎一起探討!時間有限,很多細節沒辦法寫的很詳細,請大家包涵。
相關文章
- 基於WebGL/Threejs技術的模型剖切WebJS模型
- BIM輕量化——瀏覽器展示瀏覽器
- 淺析三維模型輕量化技術方法模型
- 輕量化城市三維模型CIM的主要技術方法模型
- 基於threejs(webgl)的3D元宇宙雲展廳JSWeb3D元宇宙
- 智慧運維:基於 BIM 技術的視覺化管理系統運維視覺化
- WebGL 的 3D 模型交併補Web3D模型
- 基於 WebGL 的 3D Chart 圖表Web3D
- 基於 HTML5 的 WebGL 技術構建 3D 場景(一)HTMLWeb3D
- 小外掛大功能!輕量化森BIM外掛手把手教學
- 深度學習網路模型的輕量化方法深度學習模型
- 基於 HTML + WebGL 結合 23D 的疫情地圖實時大屏 PC 版HTMLWeb3D地圖
- 減少HTTP請求之合併圖片詳解(大型網站優化技術)HTTP網站優化
- 【量化跟單】合約量化跟單機器人系統技術開發程式(技術詳情)機器人
- 量化合約原始碼開發技術/合約量化系統開發技術原始碼搭建程式原始碼
- 基於 HTML5 WebGL 的 3D 模型斜面生成HTMLWeb3D模型
- 基於 WebGL HTML5 的 3D 模型分離控制WebHTML3D模型
- 半小時輕鬆玩轉WebGL濾鏡技術系列(二)Web
- 半小時輕鬆玩轉WebGL濾鏡技術系列(一)Web
- 「基於 Jest + Enzyme 的 React 單元測試 | 掘金技術徵文 」React
- 「分散式技術專題」併發系列一:基於加鎖的併發控制分散式
- 「分散式技術專題」併發系列二:基於時間的併發控制分散式
- WebGL入門之基於WebGL的3D視覺化引擎介紹Web3D視覺化
- 基於代理服務的介面合併方案
- Python量化合約系統開發技術,合約量化原始碼系統開發技術方案Python原始碼
- BIM技術的起源與定義是什麼
- 幣幣量化/合約量化/跟單交易系統技術開發/量化跟單策略方案
- SET智慧合約量化(策略)系統開發技術(成熟技術程式碼)
- 合約量化開發上線版,合約量化系統開發技術邏輯及詳細方案,合約量化原始碼原始碼
- AI合約量化交易對沖策略/系統開發/永續合約槓桿量化技術/應用AI
- 合約量化開發(案例版)丨合約量化系統開發(技術說明)丨合約量化系統原始碼規則原始碼
- 【技術面對面】基於場景圖的多物體影像生成技術
- PHP 圖片的合併,微信小程式碼合併,文字合併PHP微信小程式
- 現貨跟單/合約跟單/系統技術開發/量化交易/永續合約技術分析
- 現貨量化/原始碼/秒合約/量化跟單交易系統合約開發python技術原始碼Python
- 量化跟單/秒合約/原始碼系統開發/永續合約量化交易開發技術分析原始碼
- 量化交易系統python開發技術詳情/量化跟單/合約跟單/開發技術詳情Python
- 量化合約系統開發(原始碼)合約量化系統開發(技術)原始碼