THREE.js在画布上渲染/与另一个渲染器重叠

Question

如果我删除基本屏幕渲染器，则画布上显示一个，如果没有显示，则什么也没有显示，这似乎只是试图渲染gltf模型时的问题，如果我使用THREE.js类型构造几何体，一个可以呈现在另一个之上。

我使用

渲染基本场景

    var renderer = new THREE.WebGLRenderer( { canvas: cn } );
        renderer.setSize(cn.width, cn.height);
        renderer.setClearColor(0x111517);
...
 var le = new THREE.GLTFLoader();
     le.load('/users/they/Documents/amit/bird.glb',
      function (gltf) {
      const cube = gltf.scene;
      cube.position.z = -3;
      cube.position.y = 0;
      cube.position.x = 0;
      cube.scale.z = 5;
      cube.scale.y = 5.1;
      cube.scale.x = 5.1;
      cube.rotation.z = 0;
      cube.rotation.y = 0;
      cube.rotation.x = 0;
      scene.add(cube);
});

...
renderer.render(scene,camera2);

和我的画布

var renderer2 = new THREE.WebGLRenderer( { canvas: cn } );
        renderer2.setSize(cn.width, cn.height);
        renderer2.setClearColor(0x111517);
...
renderer2.render(buff_scene,camera);

任何帮助表示赞赏。