Шаблон дизайна с Three.js и веб-пак

Question

Я ищу лучший способ упорядочить свой код с помощью three.js и webpack , чем иметь все в одном файле (камера, сетки, источники света, постобработка и т. Д.) ).

Я подумал, что мог бы использовать «модули менеджера», например, класс LightManager или класс PostProcessingManager. Но тогда эти модули должны быть синглетонами, поскольку мне нужен только один экземпляр, верно? Синглтон считается «плохим» паттерном, хотя (или вы знаете, «дело не в том, что он плохой, но во многих случаях вы, вероятно, упускаете лучшее решение»).

Так что мне интересно, какие у меня варианты? Как вы, ребята, организовываете свой код?

Answer 1

Синглтоны - это хорошо, если вы уверены, что вам когда-нибудь понадобятся только синглтоны, что часто бывает правдой. Если у вас есть какие-либо сомнения, используйте вместо них функции или классы.

Я бы начал с просмотра вашего большого файла и поиска вещей, которые можно извлечь, например, если вы предпринимаете много шагов для настройки меша, поместите его в свой собственный модуль. Создавайте функции для выполнения общих действий на вашей сцене и извлекайте их в модули. Делая это, вы сможете разработать структуру, которая подходит вашему проекту.