如何在three.js中绘制凸透镜的形状

Question

我正在尝试在three.js中绘制凸透镜的形状。 使用three.js的EllipseCurve，我可以绘制一个简单的垂直椭圆。 但是我需要画一个凸透镜的形状，也该如何控制它以便用户改变长度的宽度？

Answer 1

考虑使用两个SphereBufferGeometry对象形成凸透镜的两侧。 您将必须调整两个几何的坐标以使其接触，此处未显示。

 // Bottom half
 var geometry = new THREE.SphereBufferGeometry( 1, 32, 32,  
      0, Math.PI*2, 0, 0.5);
 // Top half
 var geometry2 = new THREE.SphereBufferGeometry( 1, 32, 32,  
      0, Math.PI*2, Math.PI*2 - 0.5, 0.5);