三维设计

现在：

1.地层立方体创建函数（长，宽，高，角度，材质，透明度，位置（x，y，z））

例子：C:\Users\lenovo\Desktop\新建文件夹\4个threejs实战的项目\room

// 墙面1 立方体比较长的面  左一
createCubeWall(10, 200, 9000,0,matArrayB,-651,100,0);


8个点参数，（x,y,z）,
8点生成体，生成6个面，其属性（前后左右上下），poly
每个面4个线，线属性（四边上下左右）
每个线2个点，起点@a0,终点@a1

点类，里面是点在数组中的地址@a0,@a1

点放入一个大数组（全局），
a0,a1,a2,,,,a10
555,011,111,,
   //创建墙
   function createCubeWall(width, height, depth,angle,material,x,y,z){
   	var cubeGeometry = new THREE.BoxGeometry(width, height, depth );
       var cube = new THREE.Mesh( cubeGeometry, material );
       cube.position.x = x;
       cube.position.y = y;
       cube.position.z = z;
       cube.rotation.y += angle*Math.PI;  //-逆时针旋转,+顺时针
       scene.add(cube);
   }

2.巷道/管道创建函数（起点，终点，管径，透明度）

pipeline = new SZ.Pipeline(scene, camera, "./images/");
for(var i=0;i<pCPipelines.length;i++)
   pipeline.addPipeline(pCPipelines[i]);

例子：C:\Users\lenovo\Desktop\新建文件夹\TestPipeline

• 多边形管道：

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\多边形管道.html

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\管子.html

3.单元体外轮廓高亮

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs-master大棚+单元体管理

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs给模型添加外部轮廓demo_threejs文字

例子：C:\Users\lenovo\Desktop\新建文件夹\拆解+剖分+单元高亮+人骨模型

例子：C:\Users\lenovo\Desktop\新建文件夹\雷达墙+外部线框\three\外部线条

• 外轮廓虚线

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\体边虚线.html

4.右键弹窗

5.控制单元显示与删除

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs-master大棚+单元体管理

6.vue+ts格式+鼠标控制操作

例子：C:\Users\lenovo\Desktop\新建文件夹\ts+api+vue大桥

7.框架设计：vue或html只负责显示，其他交给js

例子：C:\Users\lenovo\Desktop\新建文件夹\开发指南\learning-threejs-third-master

8.还原视角

例子：C:\Users\lenovo\Desktop\新建文件夹\开门机房+警告

后期：

1.获取对象属性

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs-editor_基础threejs对楼层中设备\threejs-editor-master

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs-master大棚+单元体管理

• 鼠标放上自动获取+播报

例子:C:\Users\lenovo\Desktop\新建文件夹\开门机房+警告

2.三维图表：

pCharts = new SZ.PCharts(scene, '');
pCharts.addCharts(charts);

例子：C:\Users\lenovo\Desktop\新建文件夹\TestCharts

3.加载外部模型

例子：C:\Users\lenovo\Desktop\新建文件夹\threejs-master大棚+单元体管理

例子：C:\Users\lenovo\Desktop\新建文件夹\vue导入模型

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\加载房子.html

4.地图查看+剖面分析+指南针+帮助弹窗+窗体底部重要信息显示

例子：C:\Users\lenovo\Desktop\新建文件夹\vue+三维GIS地图_vue三维地图,vue三维地图资源

image-20231001091748363](三维设计.assets/image-20231001091748363.png)

• 地质查看：

例子：w3reality.github.io/three-geo/examples/geo-viewer/io/index.html

5.模型拆解+模型剖分

例子：C:\Users\lenovo\Desktop\新建文件夹\拆解+剖分+单元高亮+人骨模型

• 剖分各种形状

例子：C:\Users\lenovo\Desktop\新建文件夹\剖分各种图形

6.打开编辑模式

例子：C:\Users\lenovo\Desktop\新建文件夹\开门机房+警告

7.添加设备（采煤机、水体等）（名称，位置）

例子：C:\Users\lenovo\Desktop\新建文件夹\开门机房+警告

8.对象控制（开、关）

例子：C:\Users\lenovo\Desktop\新建文件夹\开门机房+警告

9.楼层分离，爆炸视图

例子：C:\Users\lenovo\Desktop\新建文件夹\科技园区

10.雷达

例子：C:\Users\lenovo\Desktop\新建文件夹\雷达墙+外部线框\three\雷达

例子：C:\Users\lenovo\Desktop\新建文件夹\雷达墙+外部线框\three\雷达wall

11.地质模型（地表、水体）

例子：C:\Users\lenovo\Desktop\新建文件夹\天空地表水体

12.三角网细化

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\三角网.html

13.危险源（火焰）：

例子：C:\Users\lenovo\Desktop\新建文件夹\源码及素材Three.js前端三维图形开发案例集锦_thre\MyCode\ChapB\火焰.html