Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Three.js-如何使用固定背景图像作为3d模型的环境地图_Javascript_Three.js_Shader - Fatal编程技术网

Javascript Three.js-如何使用固定背景图像作为3d模型的环境地图

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

我在sketchfab上查看了一些模型,发现许多模型都有来自背景的纹理

我知道如何使用cubecamera和render target在three.js中模拟折射和透明度,但如何在固定背景下实现这种外观,而固定背景不会像立方体一样移动

例如:

当您像透明一样移动对象时,查看固定背景是如何应用于该对象的

你能在没有着色器的情况下做到这一点吗?或者你有使用着色器的方法吗?
谢谢。

您可以使用两种不同的纹理:为反射或折射指定材质,为静态指定平面纹理


场景。背景可以设置为颜色、纹理和立方体纹理。
var textureCube = // ... however you're creating your CubeTexture
diamondMaterial.envMap = textureCube;

var bgTexture = new THREE.TextureLoader().load('url/path/img.jpg');
scene.background = bgTexture;