title: Drawing images (in p5.js) based on PoseNet
body: <p>I am using ml5's poseNet in the p5.js web editor to place a funky head image on the face of a user using the webcam. I would like the sketch to draw a warning sign (the image <em>'warning1.png'</em> in the sketch files) when there is no one in the frame. The sketch can already log <strong>'no one in the frame'</strong> when it detects 0 poses, but how can I draw the image <em>warning1.png</em> over the canvas when it's not written in the draw function but in the setup function?</p>
  <pre><code>if (poses.length == 0) {
      console.log('no one in the frame')
    }
  </code></pre>
  <p>Same story goes for when there is more than one person in the frame (I am using poseNet's multiPose). The sketch detects +1 person in the frame (and the console logs <strong>'too many people in the frame'</strong>)...</p>
  <pre><code>if (poses.length &gt; 1) {
        console.log('too many people in the frame')
    }
  </code></pre>
  <p>... but how do I draw the image <em>'warning2.png'</em> over the canvas.</p>
  <p>Also, I would like the <em>funkyhead.png</em> image to disappear when one of the above situations occur — now the image is <strong>always</strong> drawn. Here's my sketch in the p5.js web editor:
  <a href="https://editor.p5js.org/saskiasmith/sketches/_5O_aAzE" rel="nofollow noreferrer">https://editor.p5js.org/saskiasmith/sketches/_5O_aAzE</a>_</p>
  <p>Many thanks!!</p>