现在:

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);
   }

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_02

  • 多边形管道:

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_03

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_04

3.单元体外轮廓高亮

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_05

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_06

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_07

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

利用深度学习进行三维结构拓扑优化 三维深化设计_利用深度学习进行三维结构拓扑优化_08

  • 外轮廓虚线

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_09

4.右键弹窗
5.控制单元显示与删除

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_05

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

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_11

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

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_12

8.还原视角

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

利用深度学习进行三维结构拓扑优化 三维深化设计_利用深度学习进行三维结构拓扑优化_13

后期:

1.获取对象属性

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

利用深度学习进行三维结构拓扑优化 三维深化设计_利用深度学习进行三维结构拓扑优化_14

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_15

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

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_16

2.三维图表:
pCharts = new SZ.PCharts(scene, '');
pCharts.addCharts(charts);

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_17

3.加载外部模型

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_18

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

利用深度学习进行三维结构拓扑优化 三维深化设计_利用深度学习进行三维结构拓扑优化_19

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_20

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

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_21

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_22

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_23

  • 地质查看:

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_24

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_25

5.模型拆解+模型剖分

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_26

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_27

  • 剖分各种形状

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_28

6.打开编辑模式

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_29

7.添加设备(采煤机、水体等)(名称,位置)

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_30

8.对象控制(开、关)

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_31

9.楼层分离,爆炸视图

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

利用深度学习进行三维结构拓扑优化 三维深化设计_Desktop_32

10.雷达

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

利用深度学习进行三维结构拓扑优化 三维深化设计_html_33

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

利用深度学习进行三维结构拓扑优化 三维深化设计_利用深度学习进行三维结构拓扑优化_34

11.地质模型(地表、水体)
例子:C:\Users\lenovo\Desktop\新建文件夹\天空地表水体

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_35

12.三角网细化

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_36

13.危险源(火焰):

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

利用深度学习进行三维结构拓扑优化 三维深化设计_图形开发_37