Каковы некоторые общие способы в Three JS для работы с созданием сеток (состоящих из геометрии и материалов) и последующего удаления этих объектов?
Мой вариант использования - отображать точки широты и долготы на вращающийся трехмерный глобус. Каждая точка должна быть интерактивной и отображать дополнительную информацию. Отображаемые точки также должны иметь возможность изменяться в зависимости от данных, связанных с Vue.
В настоящее время я использую что-то вроде этого, но у меня возникают проблемы с утечкой памяти:
var material = new THREE.MeshPhongMaterial({
color: 0xdc143c,
});
var cone = new THREE.Mesh(
new THREE.ConeBufferGeometry(radius, height, 8, 1, true),
material
);
cone.position.y = height * 0.5;
cone.rotation.x = Math.PI;
var sphere = new THREE.Mesh(
new THREE.SphereBufferGeometry(sphereRadius, 16, 8),
material
);
export default class Marker extends THREE.Object3D {
constructor() {
super();
this.name = "Marker";
this.add(cone, sphere);
}
destroy() {
this.remove(cone, sphere);
}
}
Are есть ли библиотеки поверх Three, что упрощает работу с Meshes / Materials / Geometry?