Noob question. I have a 100 individual components and I need to draw fill a vertical rectangle every 30ms in each component so I tried to use a canvas for the rectangle and then use webgl to render using pixi. The browser complains max 16 web context. I've found that chrome only allows 16 and then decided that was the wrong way to do it.
What I want to do is have 1 larger hidden context then render all the rectangles at on offset to the hidden context. Then can I slice out each rectangle and apply it on a 1 to 1 basis to a canvas. This means I only have to use 1 context to render each canvas.
How can I achieve this or is there a better way.
Thanks in advance