Three.js/web VR：alpha呈现黑色。如何将其设置为透明？

我正在使用WebVR starter kit（简化的API是three.js的包装）来模拟VR巡视。问题是，该渲染器渲染阿尔法黑色：Three.js/web VR：alpha呈现黑色。如何将其设置为透明？

我相信渲染器是VR.renderer，我尝试使用renderer.setClearColor（0x000000处，0）黑颜色设置为透明。它没有工作。现在我不知道，完全卡住了。

HTML

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 
</head> 

<body> 
<script src="//povdocs.github.io/webvr-starter-kit/build/vr.js"></script> 
</body> 

</html>

的JavaScript

var renderer = VR.renderer; 
renderer.setClearColor(0x000000, 0); 

var mark1 = VR.image('http://i.imgur.com/6Pae8y7.png').setScale(0.2); 

mark1.text({text:"Focus"}).moveTo(0,0.8,0); 

var focus = VR.camera.torus({radius:0.02, 
      tube:0.01, 
      color:"white", 
      }).moveTo(0,0,-4); 

var img1 = "http://i.imgur.com/7Wc2FZh.jpg"; 
var img2 = "http://i.imgur.com/hkf4fvk.jpg" 
var img3 = "http://i.imgur.com/4nMNbYY.png"; 
var imgs = [img1, img2, img3]; 
var i = 0; 

VR.panorama(imgs[i]); 

VR.on('lookat', function(target){ 
    if (target === mark1.object) 
     VR.vibrate(250); 
     i=(i+1)%3; 
     VR.panorama(imgs[i]); 
    });

您可以用代码here

来源

2017-06-14 Di Wang

打从我看到mark1.text（）返回一个THREE.Object3D。您需要设置以下材料特性（它的呼叫后）：

mark1.material.transparent=true; 
mark1.material.alphaTest=0.5;

确保更改alphaTest值，以满足您的需求。

来源

2017-06-14 17:12:17 c0r3D

你是AweSome !!!!!!!!! –

Three.js/web VR：alpha呈现黑色。如何将其设置为透明？

回答

相关问题