用threejs在球体表面创建一个环

不完全是。考虑一下:

你有一个直角三角形,它的底是你的 x 和 y ,斜边为 r=地球半径 因此,根据毕达哥拉斯定理,我们得到:

x ^2. +y ^2. =r ^2. 。

因此,如果我们求解高度, y ,我们得到:

y=(r ^2. -x ^2. ) 。

因此,在你的代码中,你可以这样写:

const scale = Math.sqrt(this.globeRadius * this.globeRadius - circlePos * circlePos);

但是,这是以世界单位表示的比例,而不是相对于对象。因此,为了实现这一点,你需要再次除以你的半径,或者用半径1初始化你的环:

this.ringGeometry = new THREE.RingGeometry(1, 1.03, 32);

在这里,我给了它一个0.03的任意环宽——你当然可以根据自己的需要进行调整。