Zielony Smok

HTML5 canvas – tutorial

Zbiór Cantora

Fraktale oraz L-System (grafika żółwia) zostały szerzej omówione i oprogramowane w książkach: “Matematyka dla programistów Java” oraz “Matematyka dla programistów JavaScript”. Linki do książek są po prawej stronie okna.

Użyty został skrypt fractals.js.

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"


Listing

var cv = document.getElementById('canvas');
var ctx = cv.getContext('2d');
ctx.save();
var w = cv.width;
var h = cv.height;
var x = w / 20.0;
var y = 3 * h / 8.0;
var headDir = Math.PI;
var ww = w - 7 * x;
ctx.fillText("Zbiór Cantora", 20, 20);
ctx.translate(ww, y);
//-
var vars = [ "F", "f", "+", "-" ];
var start = "F";
var rules = [ "FfF", "fff", "+", "-" ];
var scale = 1.0 / 3.0;
var steps = 4;
var angle = 0.0;
//-
var turtle = new Turtle(x, y, headDir, ww, vars, start, rules, scale,
		steps, angle);
turtle.draw();
ctx.restore();