用透明度绘制hud元素

时间:2015-05-25 16:56:15

标签: three.js

我想在左侧图像上实现类似hud透明且不会覆盖主场景的内容。

我在jsfiddle中放了一个例子,完整的代码在下面的链接中。

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)

jsfiddle

enter image description here

如何使hud透明,使其不覆盖整个场景,如上图左侧所示?

1 个答案:

答案 0 :(得分:0)

刚刚解决了,我补充说了

renderer.autoClear = false 

并启用了alpha