Как сменить сцену на другую в three.js?

Question

[SheldonCoop]

Есть сцена с планетой, как сделать так, чтобы при клике на планету полностью менялась сцена и объекты на ней?

Answer 1

[Lertmind]

Здесь небольшой менеджер сцен bkcore.com/blog/3d/webgl-three-js-extension-render....
Демо там похоже устарело и у меня не запустилось, но если скачать и заменить Three.js на новый, то работает.

Как обрабатывать нажатия посмотри например здесь threejs.org/examples/#webgl_interactive_draggablecubes, там используется событие mousedown.

Comments

[SheldonCoop]

Спасибо за ссылки, оказались очень полезны, только есть небольшая проблема с менеджером сцен, он создает все сцены при загрузке страницы и хранит их всегда в памяти, можно ли как-то сделать подгрузку сцены только при необходимости? А при не надобности удалять из памяти?

[Николай]

SheldonCoop: Сделай свой менеджер!

[Lertmind]

SheldonCoop: Я плохо разбираюсь в js и threejs, но могу посоветовать как в принципе лучше сделать. Тебе по сути надо менять scene и camera здесь:
renderer.render(scene, camera);
Тот менеджер этим и занимается, кроме этого обновляя время.
Лучше для каждой сцены иметь свой класс, где в одном методе описывается сцена (конструктор), в другом эта сцена выгружается (деструктор/сборщик мусора) и метод для обновления логики с дельтой времени. Когда нужно сменить сцену, вызывается метод у менеджера, в котором выгружается текущая сцена и загружается новая, при этом менеджер между кадрами вызывает метод с логикой текущей сцены.