We are about to switch to a new forum software. Until then we have removed the registration on this forum.
I am refactoring a p5 sketch as part of a React/Redux build and am getting the following friendly error message from p5 concerning arguments passed to the p.image() function (note: I am using p5 in instance mode).
p5.js says: image() was expecting p5.Image|p5.Element for parameter #0 (zero-based index), received p5.Element instead at webpack-internal:///239:103:9. [http://p5js.org/reference/#p5/image]
The video argument the message seems to refer to, is a
p5.MediaElement returned from
p.createCapture( p.VIDEO ) - i.e. webcam stream. I have had no issues when using the same function calls in a static context.
The p.image call sits within the following code block:
const noiseX = p.noise(xoff)*(canvWidth+vWidth); const noiseY = p.noise(yoff)*(canvHeight+vHeight); xoff+=visualSettings.perlinScale.active; yoff+=visualSettings.perlinScale.active; p.image(video, noiseX-vWidth, noiseY-vHeight, vWidth, vHeight);
The sketch still runs as expected, but I would like to resolve the issues appropriately (besides, the error sits within the draw cycle which is really irritating).
It is unclear as to what is required to resolve the issue since the friendly error message says it was 'expecting a p5.Image or p5.Element' and has 'received p5.Element instead'. Any clarification anyone can provide would be much appreciated.