I am working with a group that has been tasked with drawing a large number of objects that are drawn to the Canvas.
We currently have the fps set to 30.
Inside the draw function we loop through an array of 250 objects and draw each one based on a dynamically changing set of x,y coordinates.
Processing.js has slowed down to about 12 fps at this point. We are actually looking for a solution to render/animate up to animate up to 1,000 nodes.
We are currently just starting to study ways in which processing.Js can be made more efficient. We have tried engaging the GPU by adding a third parameter to the size function (..., P3D), but this actually slows down the fps.
Any ideas or suggestions would be greatly appreciated.
