2.3、主要逻辑
2.3.1、创建模型
上述章节已讲,不做赘述
2.3.2、创建数据与模型的关系
数据绑定
var data = https://www.huyubaike.com/biancheng/[];for (var i = 1; i <= 3; i++) {for (var j = 1; j <= 20; j++) {var modelname ="dev_cqpdx_" + i + "_" + j;if (i == 1) {modelname = "dev_cqpdx_" + j;}data.push({"dataId": i + "_" + j,"type": "pdg","name": modelname,})}}return data;2.3.3、业务操控实现
从载入模型,到实例化,再到获取到模型对象,控制 。
T3DModel = new T3D();// 实例化 3D 核心对象var initOption = {far:100000000,antialias: true, // 启用平滑、抗锯齿效果loadSyn: false, // 是否启用异步加载showHelpGrid: false, // 是否显示网格线clearCoolr: 0x4068b0,// 背景色clearColorOp: 0,// 透明度};var Aobjects = {// 给3D对象绑定事件objects: AllModelJsons,events: {dbclick: [{obj_name: "ALL",obj_event: function (_obj, face,objs) { // 被选中的对象 被选中的面....}},],mouseDown: [{obj_name: "ALL",obj_event: function (_obj, face, objs) { // 被选中的对象 被选中的面...}},],mouseMove: [{obj_name: "doorLeft",obj_event: function (_obj, face, objs) {....}},]}}WT3DModel.initWT3D('canvas-frame', initOption, Aobjects);WT3DModel.start();由于篇幅原因,我们本节课先到这里,
下节课主要介绍3D实现储能站,储能柜
技术交流 1203193731@qq.com
交流微信:
文章插图
如果你有什么要交流的心得 可邮件我
其它
经验总结扩展阅读
- three.js 如何用webgl搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视化孪生系统——第十五课
- three.js 如何用webgl搭建一个3D库房,3D仓库,3D码头,3D集装箱可视化孪生系统——第十五课
- 出租屋顶安装光伏发电对房屋有害吗
- 光伏玻璃的原材料是什么
- 2023光伏工程技术专业学什么课程 就业前景及方向
- 如何清洗光伏发电组件
- 搞笑GIF:光伏电站的技术和施工人员都明白“接地”的重要性