2

这是我的代码：

renderTargetParametersRGBA = { 
minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter,
 format: THREE.RGBAFormat,stencilBuffer: true 
 };
colorTarget = new THREE.WebGLRenderTarget(
 SCALE * SCREEN_WIDTH, SCALE * SCREEN_HEIGHT, renderTargetParametersRGBA
 );
composer = new THREE.EffectComposer( 
renderer,colorTarget 
);
var renderScene = new THREE.RenderPass(scene,camera);
var effect2 = new THREE.ShaderPass(THREE.ShaderExtras[ "shader1" ]);
composer.addPass(renderScene);
composer.addPass(effect2);

在 renderScene 中，我将场景的 alpha 通道设置为某个值，但在我的 shader1 中，我没有找到 alpha 通道的相同值，似乎 alpha 通道被破坏了。怎么了？

谢谢

4

1 回答 1

0

Three.js EffectComposer 层（纹理）中并没有真正的“透明度”。默认情况下，透明像素只是简单地呈现为黑色 (0,0,0) 或背景色，因此当您在着色器中组合像素值时，请进行数学计算，以使它们产生颜色的方式来解释这些“透明”值如果它是透明的，你会期望的组合。

如果您将值作为统一或属性传递（取决于您的目标），还有一种方法可以直接控制着色器中的 alpha。对我来说，我传入一个单独的 alpha 值属性数组，然后使用它们来控制着色器本身中的 alpha。

varying float vAlpha;
varying vec3 vColor;

void main() {
gl_FragColor = vec4( vColor, vAlpha );
...
于 2015-05-07T19:02:30.400 回答