HTML5 Js increment

Question

I am making a series of circles using the HTML5 canvas element. I am using a while loop to increment the size of the circles. I am attempting to increment them by three but I'm not sure of the correct syntax.

    var cirSize = 2;

    while (cirSize < 400)
      {
        ctx.beginPath();
        ctx.strokeStyle="#000000"; 
        ctx.arc(480,480,cirSize++,0,Math.PI*2,true);
        ctx.stroke();
        alert(cirSize)
      }

Thanks

Minor note:'Increment' means 'increase by one'. 'Increment by three' is nonsensical. — Kendall Frey
– Kendall Frey, Commented Jun 6, 2012 at 14:37
@KendallFrey Thanks for your input but broadly speaking anytime you increase an amount it's an increment. — jimbouton
– jimbouton, Commented Jun 6, 2012 at 16:13

Parth Thakkar · Accepted Answer · 2012-06-06 14:35:12Z

2

cirSize++ will increment by one, so will ++cirSize. But there's a difference. The former will return the value of cirSize first and then increment. While the latter will increment first and then return the value of cirSize

var cirSize = 2;

while (cirSize < 400)
  {
    ctx.beginPath();
    ctx.strokeStyle="#000000"; 
    ctx.arc(480,480,cirSize,0,Math.PI*2,true);
    ctx.stroke();
    cirSize += 3; // here's the change.
    alert(cirSize)
  }

answered Jun 6, 2012 at 14:35

Parth Thakkar

5,4753 gold badges29 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML5 Js increment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related