Question

我想在浏览器中使用两个WebGL渲染器（使用Three.js）。我用两个＆＃39; div＆＃39;每个元素都附加到两个不同的渲染器对象：

   <div id="ThreeJS1"...>
   <div id="ThreeJS1"...>
   ...
   renderer1 = new THREE.WebGLRenderer();
   renderer2 = new THREE.WebGLRenderer();
   ...
   container1 = document.getElementById( 'ThreeJS1' );
   container1.appendChild( renderer1.domElement );

   container2 = document.getElementById( 'ThreeJS2' );
   container2.appendChild( renderer2.domElement );
   ...

我按预期获得了两个渲染器显示，但问题是每个渲染器中的对象都是按照预期显示的。无论是否尝试改变颜色或使用线框，它们都是黑色的。

我认为拆分屏幕并使用多个渲染器可以使用单个渲染器的方法。我究竟做错了什么？感谢您的帮助。

Answer 1

它可能是第二个div的名称。如果放：

div id =“ThreeJS1”...... div id =“ThreeJS2”...... ...

代码不起作用？

使用Three.js的几个渲染器？

1 个答案: