CodeVibe BBS · Node 1/1 · 14400 bps 8N1Gebruiker: Bezoeker · --------- --:--:--
>>> Denny's officiële homepage - in aanbouw sinds 1990 <<<
*** WELKOM OP MIJN HOMEPAGE *** BEST BEKEKEN IN NETSCAPE NAVIGATOR 3.0 OP 800x600 *** JIJ BENT BEZOEKER NUMMER ------ ***

* CodeVibe™ *

~ Denny's officiële homepage ~

NIEUW! In aanbouw sinds 1990 NIEUW!

In aanbouw

In aanbouw
» Home » Projecten » Fractal Atelier

Een speeltuin voor fractals in je browser. Je kijkt naar een eindeloos plaatje en zoomt er steeds dieper in, zonder dat het ooit op raakt. Er is niets te installeren: je opent het gewoon en het begint vanzelf te zoomen.

» Open het Fractal Atelier

» Wat is een fractal?

Een fractal is een vorm die er van dichtbij net zo ingewikkeld uitziet als van veraf. Zoom je in op een stukje, dan zie je weer nieuwe patronen, en daarin weer nieuwe. Denk aan een bloemkool, een boom of een kustlijn. De bekendste, de Mandelbrot, ziet eruit als een gedraaide kever met overal krulletjes.

» Hoe werkt het, simpel uitgelegd

Het ziet er magisch uit, maar de truc is verrassend klein. Voor elk puntje op het scherm gebeurt dit:

1. Elk puntje is een getal.
Elk pixel op je scherm krijgt een positie, en die positie gebruiken we als startgetal.
2. Een kleine som, steeds opnieuw.
Met dat getal doen we een simpele rekensom, en het antwoord stoppen we weer in dezelfde som. Dat herhalen we honderden keren.
3. Vliegt het weg, of blijft het rustig?
Bij sommige puntjes schiet het getal na een paar rondes ver weg. Bij andere blijft het keurig dichtbij. Die laatste kleuren we zwart: dat is de vorm zelf.
4. De kleur is de snelheid.
Hoe snel een puntje wegvliegt, bepaalt de kleur. Net buiten de rand gebeurt dat langzaam, en daar ontstaan de prachtige krullen en kleurbanden.

En inzoomen? Dat is gewoon hetzelfde rekenen voor een kleiner stukje van de kaart. Omdat de som dezelfde blijft, vind je er steeds nieuwe details. Voor al die puntjes tegelijk laat het atelier meerdere rekenhulpjes in je browser werken, zodat het vlot blijft.

» Wat kun je ermee?

  • Kijken. Het atelier zoomt vanzelf in op een mooi stukje, en begint daarna opnieuw.
  • Zelf zoomen en slepen. Pak het plaatje vast en sleep het, of zoom met de + en − of je muiswiel.
  • Een andere fractal kiezen. Mandelbrot, Julia, Burning Ship, Tricorn, Celtic Mandelbrot, Buffalo, Phoenix, Magnet, Newton, Lyapunov en Sierpinski. Elk met een heel eigen sfeer.
  • Kleuren. Kies een kleurenset (zoals Zonsondergang, Aurora of Neon), draai aan het kleurritme, of laat de kleuren langzaam door het plaatje stromen.
  • Een macht kiezen. Bij de eerste vier wordt de som iets zwaarder (macht 3 of 4). Dan krijgt de vorm extra armen. Dit heet een Multibrot.
  • Bewaren. Staat er iets moois op het scherm, bewaar het dan als PNG, of zet het op volledig scherm.

» Mijn 486SX

Dit project komt niet uit het niets. In de jaren '90 draaide ik op mijn 486SX ontzettend veel fractal-art. Vooral als ik samen met mijn vrienden een jointje had gerookt: dan was een plaatje dat langzaam uit het niets opbouwde en eindeloos doorzoomde precies wat je wilde zien. De SX had niet eens een rekenprocessor, dus daar moest je geduld voor hebben, maar dat hoorde bij het genot.

Dat ik dit nu in een paar uur met AI kon bouwen, en dat het in je browser in een fractie van een seconde een plaatje berekent waar mijn 486 toen lang over deed, vind ik nog steeds een beetje onwerkelijk.

Gebouwd metHTML / CSS / JS / Canvas / Web Workers
TypePrivéproject, voor de lol
Jaar2026
Status● Online

» Open het Fractal Atelier « Terug naar projecten


Deze pagina is Y2K-proof • Geoptimaliseerd voor 800x600 • 256 kleuren
© 1990-2026 CodeVibe™ door Denny • Alle rechten voorbehouden
Laatst bijgewerkt: • webmaster@codevibe.nl • ^ terug naar boven ^

Deze pagina is Y2K-proof • Geoptimaliseerd voor 800x600 • 256 kleuren
~ SURF'S UP, GOEDGEKEURD DOOR DE WEBMASTER ~
CodeVibe BBS GeoCities AltaVista Netscape Now! Winamp XTree Pro Gold Yahoo! Lycos Made with Notepad Tucows Duke Nukem 3D Now! Get Java ICQ me Windows 3.1 Get Shockwave Flash Go NoNags HTML 3.2 certified No frames! In aanbouw
CodeVibe BBS © 1990-2026Laatst bijgewerkt: · webmaster@codevibe.nl