three.js webgl3D光伏,3D太阳能能源,3D智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课( 七 )

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 webgl3D光伏,3D太阳能能源,3D智慧光伏、光伏发电、清洁能源三维可视化解决方案——第十六课

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

经验总结扩展阅读