场景剪切 - 后处理

Scissor Compare

▶ 在线运行案例

你将学到什么

• renderer.setScissor 分区渲染
• 左右屏 两个 EffectComposer 对比效果
• 可拖动滑块调整分界位置

效果说明

100 个随机立方体。左侧 无辉光，右侧 UnrealBloomPass，中间竖线可拖拽，类似 PS 对比滑块。

核心概念

renderer.setScissorTest(true);
renderer.setScissor(0, 0, splitX, height);
composer_original.render();

renderer.setScissor(splitX, 0, width - splitX, height);
composer_bloom.render();
renderer.setScissorTest(false);

同一 scene/camera，不同 composer 输出到 canvas 不同区域。

小结

• 上一篇：RenderTarget · 下一篇：多轮廓光

基础案例 · Three.js · 30/35