Threejs创建天空盒场景

时间:2012-07-26 17:13:12

标签: javascript webgl three.js

我尝试在three.js中创建一个天空盒。

我创造了2个场景。第一个是天空盒,第二个是我的游戏场景。 我只是在学习three.js,我不知道,为什么它不起作用。只渲染天空盒,而另一个场景则不渲染。

代码:http://jsfiddle.net/5bqFr/

提前致谢

1 个答案:

答案 0 :(得分:5)

现在发生的是,即使首先渲染天空盒,你也要在深度缓冲区上书写。天空盒恰好比球体更靠近相机,这就是你不能看到球体的原因。

你只需要禁用写入深度:

new THREE.MeshBasicMaterial( { color: 0x0000FF, depthWrite: false } );