Recursive square: Difference between revisions
(Created page with "== Het "Droste" Effect == link=wikipedia:Droste effect == Recursive Square == <canvas id="c1" showsrc> function square (l) { ctx.strokeRect(0, 0, l, l); ...") |
No edit summary |
||
| Line 2: | Line 2: | ||
[[File:Droste.jpg|link=wikipedia:Droste effect]] | [[File:Droste.jpg|link=wikipedia:Droste effect]] | ||
== Drawing hands == | |||
http://upload.wikimedia.org/wikipedia/en/b/ba/DrawingHands.jpg | |||
[[wikipedia:Escher]] | |||
== Recursive Square == | == Recursive Square == | ||
Revision as of 10:20, 1 October 2012
Het "Droste" Effect
Drawing hands
Recursive Square
<canvas id="c1" showsrc> function square (l) {
ctx.strokeRect(0, 0, l, l);
if (l > 10) {
square(l-10);
}
}
var c, ctx; function draw() {
c = document.getElementById("c1");
ctx = c.getContext("2d");
square(250);
} </canvas>
Recursive Square
<canvas id="c2" showsrc> function square (x, y, l) {
ctx.strokeRect(x, y, l, l);
if (l > 10) {
var q = l/2;
square(x, y, q);
// square(x, y+q, q);
// square(x+q, y, q);
square(x+q, y+q, q);
}
}
var c, ctx; function draw() {
c = document.getElementById("c2");
ctx = c.getContext("2d");
square(0, 0, 250);
} </canvas>