Flags with Rectangles

1) Movement in Squares

Input

function drawFlag(ctx) { ctx.fillStyle = 'white'; ctx.fillRect(0,0,240,240); for(let y=0;y<12;y++){ for(let x=0;x<24;x++){ if ((x+y)%2==1){ ctx.fillRect(240*x/24,240*y/12,240/24,240/12); } } } }

​x

 

1

function drawFlag(ctx)

2

{

3

  ctx.fillStyle = 'white';

4

  ctx.fillRect(0,0,240,240);

5

  for(let y=0;y<12;y++){

6

    for(let x=0;x<24;x++){

7

       if ((x+y)%2==1){

8

         ctx.fillRect(240*x/24,240*y/12,240/24,240/12);

9

       }

10

    }

11

  }

12

}  

13

​

Go reset

Output

function drawFlag(ctx)
{
  ctx.fillStyle = 'white';
  ctx.fillRect(0,0,240,240);
  for(let y=0;y<12;y++){
    for(let x=0;x<24;x++){
       if ((x+y)%2==1){
         ctx.fillRect(240*x/24,240*y/12,240/24,240/12);
       }
    }
  }
}  

function drawFlag(ctx)
{
  ctx.fillStyle = 'green';
  ctx.fillRect(0,0,150,100);
}