How to organise a project in a better way?

Hi everyone!

I’m working on a project that will have many interactions and animations - while developing them I have been using different test files much like the examples in the three.js website. I’m fairly new to three.js and now that the time has come to put all the examples so that they work fluidly together on one page, things get messy :scream:

Think about my project as a game - you have a start screen, different levels (but not scenes), many on click interactions and on mouse down events (which is one of the main messy bits ) that produce either a result in the current level or lead to a new level. I have come across this article, and although it’s good, it covers a different issue: https://medium.com/@soffritti.pierfrancesco/how-to-organize-the-structure-of-a-three-js-project-77649f58fa3f
I’m also concerned about performance and optimisation.

If anyone has any advice or useful resources to share, that would be amazing.
Thanks! :slightly_smiling_face:

I think this is a nice example:

3 Likes