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:带Bokeh着色器的透明背景_Javascript_Three.js - Fatal编程技术网

Javascript ThreeJS:带Bokeh着色器的透明背景

Javascript ThreeJS:带Bokeh着色器的透明背景,javascript,three.js,Javascript,Three.js,我在画布上应用了波基/景深。工作很好,但为了将来的需要,我需要添加一个CSS背景。这就是为什么我需要它透明 我使用了这个示例中的代码: 下面是它现在的样子: 您将注意到黑色背景,但主体设置为深灰色;单击右下角的“添加”按钮 我创建了一个代码笔,以便更容易地访问代码。 不幸的是,我无法让它运行。 仍然: 我查看了RenderPass.js THREE.RenderPass = function ( scene, camera, overrideMaterial, clearColor, cle

我在画布上应用了波基/景深。工作很好,但为了将来的需要,我需要添加一个CSS背景。这就是为什么我需要它透明

我使用了这个示例中的代码:

下面是它现在的样子:

您将注意到黑色背景,但主体设置为深灰色;单击右下角的“添加”按钮

我创建了一个代码笔,以便更容易地访问代码。
不幸的是,我无法让它运行。
仍然:

我查看了RenderPass.js

THREE.RenderPass = function ( scene, camera, overrideMaterial, clearColor, clearAlpha ) {

    THREE.Pass.call( this );

    this.scene = scene;
    this.camera = camera;

    this.overrideMaterial = overrideMaterial;

    this.clearColor = clearColor;
    this.clearAlpha = ( clearAlpha !== undefined ) ? clearAlpha : 0;

    this.clear = true;
    this.clearDepth = false;
    this.needsSwap = false;

};
这看起来很有希望,但我不知道该怎么办

  • ThreeJS r87
谢谢