Geo3D建筑材质切换+屋顶纹理

苹果园dog2025-03-08 22:29

一、简介

基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等。

二、效果

三、代码

TypeScript 复制代码

///建筑///
const buildingPipline = new Geo3D.BuildingPipline({
    themeName: Geo3D.ThemeName.Theme_Realistic,
    pbfUrl: map.staticPath + '/static/' + 'shijingshan.bpf',
    heightProp: 'height',
    bottomHeight: 67,
    extent: extentCoords as Geo3D.Point[],
    exclude: excludeCoords as Geo3D.Point[],
    scene: scene
})
buildingPipline.add();

GUI//
const vm = {
    simpleTheme: () => {
        Geo3D.ThemeUtil.setTheme(Geo3D.ThemeName.Theme_Simple);
    },
    realTheme: () => {
        Geo3D.ThemeUtil.setTheme(Geo3D.ThemeName.Theme_Realistic);
    },
};
const gui = new GUI();
gui.domElement.style.transform = 'scale(1.5)';
gui.domElement.style.transformOrigin = 'right top';
//@ts-ignore
gui.add(vm, "simpleTheme").name("白模");
//@ts-ignore
gui.add(vm, "realTheme").name("实景");