Three.js 绘制具有透明度的hud元素

我想实现一些类似于左边图像的东西，其中hud是透明的，不覆盖在主场景上

我在JSFIDLE中放了一个示例，完整的代码在下面的链接中

renderer.setViewport(0,0,window.innerWidth,window.innerHeight)
renderer.setScissor(0,0,window.innerWidth,window.innerHeight)
renderer.enableScissorTest(true)
renderer.render(scene,camera)

renderer.setViewport(window.innerWidth-256,0,256,256)
renderer.setScissor(window.innerWidth-256,0,256,256)
renderer.enableScissorTest(true)
renderer.render(scene2,cameraOrtho)

---

如何使hud透明，使其不会像上面左图那样覆盖整个场景？

我补充道，刚刚解决了这个问题

renderer.autoClear = false 

---

并启用alpha

您的视口方法应该可以工作。展示你的代码并问一个关于它的特定问题。您好，我已经更新了我的问题并给出了一个示例。