three.js - 三个js纹理偏移不更新

Question

我目前正在尝试创建一个使用数据纹理着色的网格，我的初始着色显示得很好，但现在我的下一个目标是沿 y 轴偏移纹理。非常类似于这个例子。
http://math.hws.edu/graphicsbook/demos/c5/textures.html
我如何创建我的纹理/网格:

this.colorTexture = new DataTexture(colors, this.frameWidth, frameCount, RGBFormat, FloatType, UVMapping, RepeatWrapping, RepeatWrapping);

    const material = new MeshBasicMaterial({
        side: FrontSide,
        vertexColors: true,
        wireframe: false,
        map: this.colorTexture
    });
    
    this.mesh = new Mesh(geometry, material);

我如何尝试使用偏移为纹理设置动画:

    this.mesh.material.map.offset.y -= 0.001;
    this.mesh.material.map.needsUpdate = true;
    this.mesh.material.needsUpdate = true;
    this.mesh.needsUpdate = true;

我已经确认在每个动画帧期间都会调用我用来尝试偏移的函数，但是除了我写入纹理的颜色的初始定位之外，可视化本身并没有动画或显示变化。
任何帮助是极大的赞赏 :)

Answer 1

贴图的uv变换矩阵只要Texture.matrixAutoUpdate就会自动更新设置为 true (这也是默认值)。您可以简单地调制 Texture.offset .无需设置任何needsUpdate标志( Mesh.needsUpdate 无论如何都不存在)。
最好严格遵守 webgl_materials_texture_rotation 中的代码例子。如果此代码不起作用，请使用现场示例演示该问题。