javascript - Threejs创建天空盒场景

标签 javascript webgl three.js

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

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

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

提前致谢

最佳答案

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

你只需要禁用深度写入:

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

关于javascript - Threejs创建天空盒场景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11674521/

相关文章:

javascript - Onclick 将 UL 转换为 JSON

用于设置间隔的 Javascript

javascript - 删除包裹在 <option> 标签周围的 <span> 标签

html5-canvas - 在 Webgl 中裁剪图像

three.js - 从对象移动时使环境贴图缩放

three.js - 为什么我的 "X"没有通过透明矩形显示?

javascript - 尝试设置 query.limit(varname) 并收到错误消息,指出 'limit' 只能设置为数字

c++ - 将 OpenGL 1.x 代码移植到 WebGL

javascript - 渲染透明外壳

opengl-es - gl_PointSize 到屏幕坐标