javascript - map : texture from new THREE. 纹理( Canvas )不起作用

Question

我想使用 new THREE.Texture(canvas) 中的纹理到 PointsMaterial。但是，它不起作用。 Canvas 在右上角。但是 CubeGeometry只有白点。

    var texture = new THREE.Texture( canvas );
    texture.needsUpdate = 1;

当我使用来自 new THREE.TextureLoader().load( "snowflake5.png") 的纹理时，它起作用了。

这是演示:https://codepen.io/anon/pen/JNezgM

我的错在哪里？

Answer 1

如果您使用以下模式从 Canvas 元素实例化纹理，则必须将 needsUpdate 标志设置为 true。

    var texture = new THREE.Texture( canvas );
    texture.needsUpdate = true;

或者，您可以使用此模式，needsUpdate 标志将为您设置:

    var texture = new THREE.CanvasTexture( canvas );

关于您的错误，您的代码不起作用，因为:

true === 1 // false

three.js r.85