User:Yoana Buzova/canvas

<canvas id="c" width="1000" height="800" showsrc> var p; i = 0; function draw2(){

 c = document.getElementById("canvas"); 
 p = c.getContext("2d"); 
 p.fillStyle = "#000000";
 p.fillRect( 0, 0, 1000, 800);
 p.fillStyle = "#11CCBC";

 drawBlocks();
 p.fillStyle = "#FFFF00";
 p.fillRect(12*i, 0, 12, 1000);

 if(i*12>1000){i=0;}
 i+=1;

}

function draw(){

 setInterval(function(){draw2()},50);

}

function drawBlocks(){

    x = 0;
    counter = 0;

while (counter < 100) { p.fillRect(x, 0, 12 , 1000); x = x + 25; counter = counter + 1;

    }

} </canvas>