Question

我正在使用WebVR starter kit（简化的API是three.js的包装器）来模拟VR游览。问题是渲染器渲染alpha黑色：

我相信Renderers是VR.renderer，我尝试使用renderer.setClearColor（0x000000,0）将黑色设置为透明。它不起作用。现在我没有任何线索，完全陷入困境。

HTML

group = df.groupby(["Region","Rep"]).sum()
total_price = group["Total Price"].groupby(level=0, group_keys=False)
total_price.nlargest(5).plot(kind="bar")

的JavaScript

<!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>

您可以使用here

中的代码

Answer 1

从我看来，mark1.text（）返回一个THREE.Object3D。您需要设置以下材料属性（在调用之后）：

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

请务必更改alphaTest值以满足您的需求。

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

1 个答案: