Optimizing Three.js with ECSY: Best Practices and Challenges

Hi everyone,

I am trying to integrate ECSY into a Three.js project to manage entities and components in a more structured way. In the process, I have come across some challenges and would like to discuss the best methods for:

Managing a complex entity hierarchy.
Improving performance when dynamically adding or removing entities.
Integrating systems like rendering, physics, and input seamlessly into ECSY.
Have any of you used ECSY with Three.js? I would love to hear your experiences, tips, or maybe different approaches you have used.

I also created a small sample project that you can check out here. Any feedback would be greatly appreciated!

Thanks in advance, and feel free to mention me if you have any interesting ideas. :blush:

My Code :smile:

Announcemnt:

NEED A JOBS :sob:

btw i ve over 2 years for web developmen and a year for THREE JS as WebXR, WebVR, WebAR, WebGL

Regards,
Wildy