现在:
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