在three.js中使用WebGL渲染器進行單擊的圓圈

Question

我想單擊它時在對象上放置一個圓。

我更新this example支持WebGL渲染的工作（我根本改變THREE.SpriteCanvasMaterial到THREE.SpriteMaterial），而不僅是現在圓方形，也毛刺與物體的表面。這是一個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); 

，如果你想真正的平板界，你將不得不創建一個圓形的幾何形狀和正確對齊所以它坐在矩形牆的頂部，如果你想要在對象被打開時不會變形的圓，你將需要一些自定義着色器的東西