Multiple SVG Render Speed

I'm currently trying to draw approximately 100-200 instances of the same SVG to screen at once. The render speed is fine at around 100 objects (~30fps) but rapidly falls off from there. I tried adding them to a PShape group in order to only have one call to shape() but that only bought me a slight increase in framerate. With more than about 200 shapes being rendered, even with a group encapsulating them, and a single call to shape() the framerate drops below 20. Does anyone have any ideas for increasing the efficiency of this operation?


  • Maybe it helps to render them to a PImage first? Then the svg -> bitmap conversion only needs to happen once. Of course this only works if the svgs are equal.

Sign In or Register to comment.