三个JS使用片段着色器旋转纹理

时间:2013-10-29 17:07:34

标签: javascript three.js webgl

在ThreeJS中,我有一个粒子具有使用片段着色器应用的顶部图像的纹理。我正在使用TweenJS来更新属性,但我不确定如何进行旋转。如何使用片段着色器旋转顶部纹理,以便纹理动画到底部图像?我不想使用画布并将代码保存在着色器中。

这是我的片段着色器:

uniform sampler2D myTexture;

void main() {
    gl_FragColor = texture2D(myTexture, gl_PointCoord);
}

Start

Finish

1 个答案:

答案 0 :(得分:2)

使用片段着色器旋转纹理的解决方案可在以下位置找到:https://github.com/mrdoob/three.js/issues/1891#issuecomment-5923058