ThreeJS 展示贴图 debug texture

211 阅读1分钟
  • 展示离屏渲染的贴图/贴图
let debugScene = new THREE.Scene();
const planeGeometry = new THREE.PlaneBufferGeometry(2, 2, 1, 1);
//debug
for (let i = 0; i < 3; i++) {
  const plane = new THREE.Mesh(
    planeGeometry,
    new THREE.MeshBasicMaterial()
  );
  plane.material.depthTest = false;
  plane.scale.multiplyScalar(0.3);
  debugScene.add(plane);
  plane.position.x = (i - 2 + 0.5) * 0.7;
  plane.position.y = 1.5;
}
debugScene.children[i].material.map = targets[i];
debugCamera = new THREE.PerspectiveCamera(40,window.innerWidth / window.innerHeight,1,10);
debugCamera.position.z = 5;
renderer.render(debugScene, debugCamera);