User:Yoana Buzova/canvas: Difference between revisions
Yoana Buzova (talk | contribs) (Created page with "<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(...") |
Yoana Buzova (talk | contribs) No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<canvas id=" | <canvas id="canvas" width="1150" height="400" showsrc> | ||
var p; | var p; | ||
i = 0; | |||
function | function drawing(){ | ||
c = document.getElementById("canvas"); | c = document.getElementById("canvas"); | ||
console.log("test"); | console.log("test"); | ||
p = c.getContext("2d"); | p = c.getContext("2d"); | ||
p.fillStyle = "#000000"; | p.fillStyle = "#000000"; | ||
p.fillRect( 0, 0, | p.fillRect( 0, 0, 1150, 400); | ||
p.fillStyle = "# | p.fillStyle = "#50EBEC"; | ||
drawBlocks(); | drawBlocks(); | ||
p.fillStyle = "#FFFF00"; | p.fillStyle = "#FFFF00"; | ||
p.fillRect(12*i, 0, 12, | p.fillRect(12*i, 0, 12, 400); | ||
if(i*12> | if(i*12>1150){i=0;} | ||
i+=1; | i+=1; | ||
} | } | ||
function draw(){ | function draw(){ | ||
setInterval(function(){ | setInterval(function(){drawing()},50); | ||
} | } | ||
| Line 26: | Line 26: | ||
counter = 0; | counter = 0; | ||
while (counter < 100) { | while (counter < 100) { | ||
p.fillRect(x, 0, 12 , | p.fillRect(x, 0, 12 , 400); | ||
x = x + 25; | x = x + 25; | ||
counter = counter + 1; | counter = counter + 1; | ||
Latest revision as of 16:30, 15 October 2012
<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>