Javascript 如何在Three.js中创建一个工作的skybox？_Javascript_Html_Css_Three.js_Skybox

Javascript 如何在Three.js中创建一个工作的skybox？

javascript html css three.js

Javascript 如何在Three.js中创建一个工作的skybox？,javascript,html,css,three.js,skybox,Javascript,Html,Css,Three.js,Skybox,我是Three.js新手，在查找/理解大量Three.js官方文档时遇到困难。此外，我发现很多教程/视频已经过时至少5年了，而且我似乎无法在我的本地pc上使用它们（打开时只有一个白色屏幕）有很多方法。一种方法是加载等矩形纹理并设置renderer.background： renderer.background=new THREE.TextureLoader（）.load（'youtextureurl.jpg'）或在背面球体上执行相同操作： scene.add（新的THREE.Mesh（新的T

我是Three.js新手，在查找/理解大量Three.js官方文档时遇到困难。此外，我发现很多教程/视频已经过时至少5年了，而且我似乎无法在我的本地pc上使用它们（打开时只有一个白色屏幕）

有很多方法。一种方法是加载等矩形纹理并设置renderer.background：

renderer.background=new THREE.TextureLoader（）.load（'youtextureurl.jpg'）

或在背面球体上执行相同操作：

scene.add（新的THREE.Mesh（新的THREE.SphereBufferGeometry（100,32,32）），新的THREE.MeshBasicMaterial（{map:new THREE.TextureLoader（）.load（'youtextureurl.jpg'），side:THREE.BackSide）

设置skybox后，可以使用立方体摄影机拍摄环境快照，然后将scene.environment设置为生成的立方体贴图，以获得一些环境照明效果。

请参见