Best practices Three.js project setup & learning resources

Hello Three.js community,

I’m now learning and playing around with Three.js for about a week and love it. That’s why I have decided to spend the entire October to take a deep dive in Three.js. What I would like to ask the wise members of the community is what are the best practices for setting up a Three.js project.

I’m working on a customizer/configurator that will run in the browser and has to be able to dynamically load models, textures and also do some basic animations.

On top of that, I would like to know if you have any learning resources you can recommend. I am reading the docs as much as I can, but what about books, video courses, or blogs to follow?

Thank you very much for any help, tips and suggestions. I hope I’ll be able to give back soon.

Best regards
Mike

The docs have a useful links page with tutorials and courses from intro to more advanced topics. You can start there.

As for best practices, you should just stick with a blend of what you’re already comfortable with and with what the tutorials use. You’re already undertaking a big task by picking up Three.js, I wouldn’t recommend making your learning curve more difficult by adding more moving parts. You don’t want to spend a day debugging a bundler config file when you could be making progress on the course.

3 Likes

Hello @marquizzo,

thank you very much for your reply helpful tips! I checked the useful links section of the docs on day one of my Three.js adventure. It’s not so easy to digest the content as problems can be solved in so many different ways and most sources have their nuances in approaching the solutions. It’s good to know though that this is the place to check first!

Best regards
Mike

There you can orientate yourself and find examples:

2 Likes

Hello Klaus,

that’s a great collection! Thank you very much. :trophy:

Mike

1 Like

I think it’s better to mark @marquizzo’s post as the solution since the Useful links page actually refers to the three.js bookshelf. Hence it’s the more “general-purpose” answer^^. Useful links is actually the intended starting point of beginners looking for learning resources.

1 Like

@Mugen87 done! :+1: :slight_smile:

1 Like