【问题标题】:How can I create a laser beam effect with additive blending..?如何使用添加剂混合创建激光束效果..?
【发布时间】:2014-04-10 05:47:10
【问题描述】:

我想创建如下所述的激光束效果:http://codepoke.net/2011/12/27/opengl-libgdx-laser-fx/

但是当我将混合设置为 THREE.AdditiveBlending 时,激光束的颜色会与背景颜色混合。 http://i.imgur.com/kSCFB3U.png(右图第三张)。

我不知道这是否与错误的混合有关,或者我的着色器中的颜色混合是否有问题,但我怀疑它必须与混合有关。

我的着色器代码只有几行,我使用与博客条目中相同的纹理。

uniform sampler2D uTex;
varying vec2 vUv;
void main() {
vec4 texelColor = texture2D( uTex, vUv );
vec4 color = vec4(1.0,0.0,0.0,1.0);
gl_FragColor = vec4(mix(color.rgb,texelColor.rgb,texelColor.a),texelColor.a);

如何实现视频中的酷炫外观,以使激光颜色在红色时保持红色,但仍使用添加剂混合使其看起来更好?

【问题讨论】:

    标签: three.js


    【解决方案1】:

    你所做的已经是正确的。使用您用作参考的示例中的背景更改草背景,您应该会得到类似的结果。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-04-16
      • 2015-01-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多