Listen

Description

<canvas id="myCanvas" width="800" height="800"></canvas>
<script>
context = document.getElementById('myCanvas').getContext('2d');

for(x = 0; x < 800; x++) {
for(y = 0; y < 800; y++) {
i = zx = zy = 0

// Diese folgenden Zahlen 2 und 200 ändern,
// um in x-Richtung zu schieben und zu skalieren
cx = -2 + x / 200
// Die Folgenden Zahlen 2 und 200 ändern,
// um in y-Richtung zu schieben und zu skalieren
cy = -2 + y / 200

while(i < 255 && (zx * zx + zy * zy) < 4) {
xt = zx * zy
zx = zx * zx - zy * zy + cx
zy= 2 * xt + cy
i++
}

color = i.toString(16)
context.beginPath()
context.rect(x, y, 1, 1)
context.fillStyle = "#" + color + color + color
context.fill()
}
}
</script>