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

Question

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

Answer 1

考虑使用两个物体形成凸透镜的两侧。您将不得不调整两个几何体的坐标以使它们接触，这在此处未显示。

// 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);