My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

What are the best practices for structuring larger Three.js project?

Les Moffat's photo
Les Moffat
·Sep 16, 2019

Whilst I've made plenty of simple scenes in Three, I haven't had the chance to work on any larger commercial projects.

So I'm wondering, what are the best practices when it comes to building out a more complex project in Three.js using modern JS? Specifically when it comes to:

  • Handling loading state.
  • Handling animations.
  • Handling transition states.
  • Handling user input.
  • Switching / transitioning between scenes.
  • Adding / removing objects from scenes.
  • General project structure.

Anybody got an opinion on this?

Thanks in advance!