I am using Pixi.js to make a 2d graphics editing engine similar to Figma. The demand scenario is that users need to create up to 10k+ graphics in the Container and have free editing, grouping, and sorting functions. Besides, the visual area needs to be moved and zoomed.
For the various performance issues that might be involved in this scenario, I searched a lot of existing posts and learned the following optimization measures:
I am optimistic about the performance of Pixi.js in this scenario. I believe that algorithm-level optimizations can solve most performance problems, but there are still problems remaining:
Finally, even if I am very satisfied with the performance, various out-of-the-box features, and powerful extendibility of Pixi.js, I still want to know, in the scenario of the 2d graphics editing engine:
I searched a lot of posts and information, but still have a lot of confusion above, I am very sorry for asking so many questions🤐! You can cite relevant documents or links to answer my questions as much as possible, and I will learn more about it, which can save you precious time!
If possible, I hope that my product will eventually become an excellent example of Pixi.js, and I have confidence in this!
I would like to thank the Pixi.js team for their continuous contribution to the WebGL field!