User:Yoana Buzova/canvas

<canvas id="c" width="1680" height="800" style="border: 0 solid black" showsrc> var p;

i = 0;  

function draw2(){

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

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

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

}

function draw(){

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

}

function drawBlocks(){

    x = 0;
    counter = 0;

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

    }

} </canvas>