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 ThreeJS-如何添加HDRi等矩形贴图(用于照明场景),同时保持背景透明(alpha)_Javascript_Three.js - Fatal编程技术网

Javascript ThreeJS-如何添加HDRi等矩形贴图(用于照明场景),同时保持背景透明(alpha)

Javascript ThreeJS-如何添加HDRi等矩形贴图(用于照明场景),同时保持背景透明(alpha),javascript,three.js,Javascript,Three.js,我想使用HDR EQUIRECTANGLE纹理将HDRi照明添加到场景中。但我不想看到HDRi图像,我希望场景是透明的。我正在使用HDRI Haven网站下载图像。如何实现这一点?是的,这会停止渲染环境贴图,而且对象也没有问题,因为它完全接收到光线,但画布仍然不透明,我还尝试为webGL渲染器添加alpha:true。画布背景是黑色的。哦!在渲染构造函数上设置“preserveDrawingBuffer:true;alpha:true;”,然后还要确保包括画布及其任何父容器在内的元素都没有背景样

我想使用HDR EQUIRECTANGLE纹理将HDRi照明添加到场景中。但我不想看到HDRi图像,我希望场景是透明的。我正在使用HDRI Haven网站下载图像。如何实现这一点?

是的,这会停止渲染环境贴图,而且对象也没有问题,因为它完全接收到光线,但画布仍然不透明,我还尝试为webGL渲染器添加alpha:true。画布背景是黑色的。哦!在渲染构造函数上设置“preserveDrawingBuffer:true;alpha:true;”,然后还要确保包括画布及其任何父容器在内的元素都没有背景样式集。嗯!是的,这是我的父母容器bg风格:D我删除了它,现在它就像一个魅力!万分感谢!伟大的我以前就被这件事弄得焦头烂额:我花了好几个小时才弄明白!是的,这会停止渲染环境贴图,而且对象也没有问题,因为它完美地接收到光线,但画布仍然不透明,我还尝试为webGL渲染器添加alpha:true。画布背景是黑色的。哦!在渲染构造函数上设置“preserveDrawingBuffer:true;alpha:true;”,然后还要确保包括画布及其任何父容器在内的元素都没有背景样式集。嗯!是的,这是我的父母容器bg风格:D我删除了它,现在它就像一个魅力!万分感谢!伟大的我以前就被这件事弄得焦头烂额:我花了好几个小时才弄明白!
            scene.environment =  envMap;
            //scene.background = envMap;