Javascript Three.js-如何使用固定背景图像作为3d模型的环境地图
我在sketchfab上查看了一些模型,发现许多模型都有来自背景的纹理 我知道如何使用cubecamera和render target在three.js中模拟折射和透明度,但如何在固定背景下实现这种外观,而固定背景不会像立方体一样移动 例如: 当您像透明一样移动对象时,查看固定背景是如何应用于该对象的 你能在没有着色器的情况下做到这一点吗?或者你有使用着色器的方法吗?Javascript Three.js-如何使用固定背景图像作为3d模型的环境地图,javascript,three.js,shader,Javascript,Three.js,Shader,我在sketchfab上查看了一些模型,发现许多模型都有来自背景的纹理 我知道如何使用cubecamera和render target在three.js中模拟折射和透明度,但如何在固定背景下实现这种外观,而固定背景不会像立方体一样移动 例如: 当您像透明一样移动对象时,查看固定背景是如何应用于该对象的 你能在没有着色器的情况下做到这一点吗?或者你有使用着色器的方法吗? 谢谢。您可以使用两种不同的纹理:为反射或折射指定材质,为静态指定平面纹理 场景。背景可以设置为颜色、纹理和立方体纹理。 var
谢谢。您可以使用两种不同的纹理:为反射或折射指定材质,为静态指定平面纹理
场景。背景可以设置为颜色、纹理和立方体纹理。
var textureCube = // ... however you're creating your CubeTexture
diamondMaterial.envMap = textureCube;
var bgTexture = new THREE.TextureLoader().load('url/path/img.jpg');
scene.background = bgTexture;