Three.js / WebGL-球形-场景可见的国家/颜色

Question

我已经实现了一个与此地球类似的地球，但是当地球处于静止位置时试图在Three.js中获取场景中可见的国家时，仍然遇到了问题。 当我将鼠标悬停/单击特定国家/地区时，可以使用readPixels检索国家/地区颜色代码，并获得相应的像素颜色代码，如下所示

 var gl = renderer.context; var mx = ( mouseX + renderer.context.canvas.width/2 );//(mouseX + renderer.context.canvas.width/2) * 0.25; var my = ( -mouseY + renderer.context.canvas.height/2 );//(-mouseY + renderer.context.canvas.height/2) * 0.25; mx = Math.floor( mx ); my = Math.floor( my ); var buf = new Uint8Array( 4 ); gl.readPixels( mx, my, 1, 1, gl.RGBA, gl.UNSIGNED_BYTE, buf ); 

但是，当地球停止旋转时，我需要从场景中获取用户可见的国家/地区列表，我尝试使用Raycaster获取网格并扫描所有像素并获得国家/地区代码，但对我们而言似乎对性能造成了影响

欣赏有人可以提供自己的观点

Answer 1

您可以将场景渲染为纹理（即使使用不同的着色器/均匀度）。 官方网站上有一些示例，例如： http : //threejs.org/examples/webgl_rtt.html

例如，您可能有一个场景，其中地球的纹理用国家/地区编码 ，并且当用户单击时，您将该场景渲染为纹理并从该纹理读取单个像素。

请注意，渲染到纹理时，有时必须通过将needsUpdate设置为true来强制更新纹理。

希望我能帮上忙。