S2JS - Control: functions, loops, if-then-else : More while experiments

You can have quite a bit of fun just using while loops and strokeRects.

Here's what happens when we make each rectangle's width and height to grow every time its starting position moves.

Play around and see what other effects you can make.

<HTML> <head> <title> My new Web Page </title> </head> <body> <canvas id=myCanvas width=300 height=300 style="background-color: pink;"> </canvas> <script> var ctx = myCanvas.getContext("2d"); var corner= 0; var size= 2; while (corner < 100) { ctx.strokeRect(corner, corner, size, size); corner= corner + 2; size = size + 2; } </script> </body> </html>