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集装箱可视化孪生系统——第十五课

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

推荐阅读