Image .loadPixel() generating warning 'Multiple readback operations' about p5.js HOT 3 CLOSED

I think this can be safely ignored. Chrome gives that warning whenever you read canvas pixels into normal Javascript variables. The property it suggests setting would turn off hardware acceleration for the canvas in question, which means no data has to be transferred from the GPU to get the pixel values in an array, but that also means that any canvas functions we call will also not get hardware acceleration. This would slow down things like tint() a lot.

In general, loadPixels/updatePixels will be fine as long as you try to do it as little as possible (e.g. in your example, rotating your image once upfront is fine, just don't do it every frame in draw() 🙂) If you do need to be calling it often, maybe consider using a different approach. That will depend on the task, but sometimes it can be accomplished with blend modes or shaders (or in your case, maybe just a rotate(PI/2) before drawing the image.)

from p5.js.

Thanks for your quick and clear answer @davepagurek! :o)

from p5.js.

Thanks @Wildernesss and @davepagurek. Closing this issue for organizational purpose. Please feel free to reopen it if further discussion is needed.

from p5.js.