title: Increase x and y when requestanimationframe is called
body: <p>I want the x and y to increase by 1 in each requestAnimationFrame, it only increases once</p>
  
  <p><a href="https://jsfiddle.net/2mzb7axu/1/" rel="nofollow noreferrer">https://jsfiddle.net/2mzb7axu/1/</a></p>
  
  <pre><code>update(ctx) {
      ctx.beginPath();
      ctx.moveTo(this.x, this.y);
      this.x++
      this.y++
      ctx.lineTo(this.x, this.y);
      ctx.lineWidth = 5;
      ctx.stroke();
    }
  
  </code></pre>