1. 首頁 > 生活百科 > >

three.js 如何用webgl搭建一個3D庫房,3D倉庫,3D碼頭,3D集裝箱可視化孿生系統——第十五課( 四 )

生活百科

2.3、自動生成貨物模型
　生成模型注意對于批量模型消耗瀏覽器性能 ， 掉幀問題 。這里后面我會用專門的篇幅講解，如何優化加載大量貨物且不掉幀的解決方案 。
//獲取區域庫位劃分數據webapi.GetAllArea(1, function (result) {var models = [];if (result && result.length > 0) {$("#room_shelfNub").html(result.length);$.each(result, function (_index, _obj) {var _color = _obj.color;if (_color == "") {_color = Math.random() * 16777215 + "";} else {_color = _color.replace("#", "0x")}_color = parseInt(_color)//生成區域畫線var model = createAreaModels(_obj.code, _obj.name, _color, _obj.AreaPoints);models = models.concat(model);})}console.log(models);WT3DObj.commonFunc.loadModelsByJsons(models, { x: 0, y: 0, z: 0 }, { x: 0, y: 0, z: 0 }, true, function () {});})2.4、主要邏輯
具體實現邏輯主要分為五個步驟
1、創建模型
2、校準坐標系，將模型的坐標系與數據坐標系校準對應 。
3、根據配置載入配置模型，如攝像頭等
4、生成庫位、貨物 。根據動態數據 ， 生成庫位、車輛、貨物等模型
5、業務邏輯 。實現滑動，雙擊，搜索等常規業務 。
由于篇幅原因，本節先講解到這 。
技術交流 1203193731@qq.com
交流微信：

three.js 如何用webgl搭建一個3D庫房,3D倉庫,3D碼頭,3D集裝箱可視化孿生系統——第十五課

文章插圖
如果你有什么要交流的心得 可郵件我
其它

推薦閱讀