three.jsでWebGLレンダラーを使用してクリックしたサークル

Question

クリックするとオブジェクトに円を描きたいと思います。

Iが（私は基本的にTHREE.SpriteMaterialにTHREE.SpriteCanvasMaterial変更）WebGLのレンダラで動作するようにthis exampleを更新だけでなく、円は今正方形であり、それはまた、物体の表面とグリッチ。ここに私の問題を示すJSFiddleがあります（テストするオブジェクトをクリックしてください）。

私はstackoverflowに関するいくつかの同様の質問が見つかりましたが、私は私の例では動作させることができません。任意のヒント？

Answer 1

あなたが移動し、3Dシーンにスプライトを追加している、あなたが欲しいものを行うための簡単な方法は、あなたが円形ジオメトリを作成する必要があります本当の平らな円がしたい場合は、球

var particle = new THREE.Mesh(new THREE.SphereGeometry(10,10,10), 
new THREE.MeshBasicMaterial({color:0xff0000})); 
particle.position.copy(intersects[ 0 ].point); 
scene.add(particle); 

を追加し、それを正しく整列するためにありますオブジェクトが四角形の壁の上にくるようにします。オブジェクトが回転したときに変形しない円が必要な場合は、カスタムシェイダーのものが必要です。