2017-05-22 11 views
1

テクスチャをnew THREE.Texture(canvas)からPointsMaterialに使用したいと思います。しかし、それは動作しません。キャンバスは右上にあります。 CubeGeometry には白色点しかありません。地図:新しいTHREEからのテクスチャテクスチャ(キャンバス)が機能しません

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

new THREE.TextureLoader().load("snowflake5.png")のテクスチャを使用すると効果があります。

これはデモです:私のせいだったhttps://codepen.io/anon/pen/JNezgM

+0

ようこそ。ライブリンクを追加することはOKですが、投稿に関連するコードを表示してください。 – WestLangley

答えて

2

次のパターンを使用してキャンバス要素からテクスチャをインスタンス化する場合は、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

+0

それを入手してください。ありがとうございました。 –

関連する問題