p5 image() friendly error message in React / Webpack

RyanAchten

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.

GoToLoop

• p5.MediaElement is a subclass of p5.Element.
• Therefore that "friendly" error message there is wrong! 3:-O
• Perhaps you should report that: https://GitHub.com/processing/p5.js/issues
• You can also use "p5.min.js" in place of "p5.js", since the minified doesn't have those "friendly" error messages. \m/
• Or use p5.disableFriendlyErrors = true;: :ar!
  https://GitHub.com/processing/p5.js/wiki/Friendly-Error-System

RyanAchten

Thanks GoToLoop for the wealth of information! Will open an issue on GitHub and disable those friendly errors in the meantime.