title: Adobe Animate CC WebGL rollover state
body: <p>I'm creating a WebGL canvas and I'm trying to use the onmousemove snippet to create a rollover for a movieclip button. </p>
  
  <p>First I set the rollover state of the button to be invisible like so:</p>
  
  <pre><code>this.YesHOT.setVisible(false);
  </code></pre>
  
  <p>Then I use the onmousemove function to turn make it visible when it is over the button like so:</p>
  
  <pre><code>canvas.onmousemove = function(e) { 
      var boundingRect = this.Yes.getBounds(this);
      if(isMouseOverSymbol(e.offsetX, e.offsetY, boundingRect)) {    
          this.YesHOT.setVisible(true);
      }
  }.bind(this);
  
  //Function to check whether the specified point lies within the rect.
  function isMouseOverSymbol(pointX, pointY, rect) {
      if(rect.left &lt;= pointX &amp;&amp; pointX &lt;= rect.left + rect.width)
          if(rect.top &lt;= pointY &amp;&amp; pointY &lt;= rect.top + rect.height)
              return true;
      return false;
  }
  </code></pre>
  
  <p>That works, but then the rollover state stays visible and won't turn back off. How do I make it turn back off?</p>