渲染贴图物体

Render Target

▶ 在线运行案例

你将学到什么

• WebGLRenderTarget 渲染到纹理
• camera.layers 切换：先拍模型，再拍 UI 层
• 纹理贴到 Plane / Sphere 当「监视器」

效果说明

电脑模型只在 layer 1。第一遍相机 layer 1 → renderTarget；第二遍 layer 0 显示带「屏幕内容」的平面和球体。

核心概念

const rt = new THREE.WebGLRenderTarget(w, h);
model.traverse(c => c.layers.set(1));

function animate() {
    camera.layers.set(1);
    renderer.setRenderTarget(rt);
    renderer.render(scene, camera);

    camera.layers.set(0);
    renderer.setRenderTarget(null);
    renderer.render(scene, camera);  // plane.map = rt.texture
}

镜子、小地图、Portal 都基于此模式。

小结

• 上一篇：帧率控制 · 下一篇：场景剪切

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