Cesium高级教程-离屏渲染-隐藏不必要的渲染内容

最新推荐文章于 2025-07-23 09:59:13 发布

原创最新推荐文章于 2025-07-23 09:59:13 发布 · 590 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#cesium #cesium教程 #xt3d #cesium高级教程 #cesium进阶教程 #cesium离屏渲染 #cesium基础教程

Cesium高级教程专栏收录该内容

50 篇文章

订阅专栏

Cesium高级教程-离屏渲染-隐藏不必要的渲染内容

隐藏内容

在上一节我们通过翻转的方式，将FBO的内容正确地绘制到canvas上，在渲染场景到FBO时，我们使用的Scene类中的render方法里面的代码，代码中其实有些可能是我们不需要的，比如有时我们的离屏渲染可能并不需要天空、大气、甚至连地球也不需要，那我们可以在离屏渲染时将这些对象隐藏掉，以节省程序的性能开销。

function renderToFbo(fbo, scene) {
    const frameState = scene._frameState; 
    scene.globe.show=false;
    const context = scene.context;
    const us = context.uniformState;
    const view = scene._defaultView;
    scene._view = view;
    scene.updateFrameState();
    frameState.passes.render = true;
    frameState.passes.postProcess = scene.postProcessStages.hasSelected;
    frameState.tilesetPassState = renderTilesetPassState;
    let backgroundColor = Cesium.defaultValue(scene.backgroundColor, Cesium.Color.BLACK);
    // if (scene._hdr) {
    //     backgroundColor = Cesium.Color.clone(backgroundColor, scratchBackgroundColor);
    //     backgroundColor.red = Cesium.Math.pow(backgroundColor.red, scene.gamma);
    //     backgroundColor.green = Cesium.Math.pow(backgroundColor.green, scene.gamma);
    //     backgroundColor.blue = Cesium.Math.pow(backgroundColor.blue, scene.gamma);
    // }
    frameState.backgroundColor = backgroundColor;
    frameState.atmosphere = scene.atmosphere;
    scene.fog.update(frameState);
    us.update(frameState);
    // const shadowMap = scene.shadowMap;
    // if (Cesium.defined(shadowMap) && shadowMap.enabled) {
    //     if (!Cesium.defined(scene.light) || scene.light instanceof SunLight) {
    //         // Negate the sun direction so that it is from the Sun, not to the Sun
    //         Cesium.Cartesian3.negate(us.sunDirectionWC, scene._shadowMapCamera.direction);
    //     } else {
    //         Cesium.Cartesian3.clone(scene.light.direction, scene._shadowMapCamera.direction);
    //     }
    //     frameState.shadowMaps.push(shadowMap);
    // }
    scene._computeCommandList.length = 0;
    scene._overlayCommandList.length = 0;
    const viewport = view.viewport;
    viewport.x = 0;
    viewport.y = 0;
    viewport.width = context.drawingBufferWidth;
    viewport.height = context.drawingBufferHeight;
    const passState = view.passState;
    passState.framebuffer = fbo;
    passState.blendingEnabled = undefined;
    passState.scissorTest = undefined;
    passState.viewport = Cesium.BoundingRectangle.clone(viewport, passState.viewport);
    // if (Cesium.defined(scene.globe)) {
    //     scene.globe.beginFrame(frameState);
    // }
    // scene.updateEnvironment();
    scene.updateAndExecuteCommands(passState, backgroundColor);
    scene.resolveFramebuffers(passState);
    passState.framebuffer = undefined;
    //executeOverlayCommands(scene, passState);
    // if (Cesium.defined(scene.globe)) {
    //     scene.globe.endFrame(frameState);
    //     if (!scene.globe.tilesLoaded) {
    //         scene._renderRequested = true;
    //     }
    // }
    context.endFrame();
    scene.globe.show = true;
}