User:Yoana Buzova/Protoyping/canvas

<canvas id="canvas" width="1150" height="400" showsrc> var p; i = 0; function drawing(){

 c = document.getElementById("canvas"); 
 console.log("test");
 p = c.getContext("2d"); 
 p.fillStyle = "#000000";
 p.fillRect( 0, 0, 1150, 400);
 p.fillStyle = "#50EBEC";

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

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

}

function draw(){

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

}

function drawBlocks(){

    x = 0;
    counter = 0;

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

    }

} </canvas>