Как показать хелпер сферической сетки в Three JS

Question

Я работаю над проектом, который хочет переместить небольшие объекты и показать их на изображении 360 с использованием библиотеки Three JS. Поэтому я использую Сферическую систему координат в сфере с некоторым радиусом для перемещения объектов. Пользователь начинает видеть приложение в центре сферы. Я хочу показать некоторые вспомогательные линии сетки на сфере (очень похожие на линии долготы и широты). Я нашел следующий код из здесь в библиотеке:

var radius = 10;
var radials = 16;
var circles = 8;
var divisions = 64;

var helper = new THREE.PolarGridHelper( radius, radials, circles, divisions );
scene.add( helper );

Но он добавляет только полярную пластину с некоторыми кругами, а не помощником в виде сетки в виде сцены.

Answer 1

PolarGridHelper - плоский круг. Если вы хотите сферическую геометрию, просто используйте SphereBufferGeometry и присвойте ей каркасный вид:

var radius = 10;
var latSegments = 18;  // 10° increments
var longSegments = 36; // 10° increments

var geometry = new THREE.SphereBufferGeometry( radius, longSegments, latSegments);
var material = new THREE.MeshBasicMaterial({
    color: 0xffffff,
    wireframe: true
});

var sphere = new THREE.Mesh( geometry, material );
scene.add( sphere );