Dessin de fractales en javascript?

Question

Je travaille sur un projet fractal 2D (pour les débutants) comme un moyen amusant d'en apprendre plus sur les funncitons récursifs. Je suis à la recherche d'une fonction qui génère des coordonnées pour une fractale basée sur une ligne, basée sur certaines règles conditionnelles. Quelque chose comme l'arbre H.

Y a-t-il un nom pour une telle fonction/algorithme? Existe-t-il des implémentations génériques simples à examiner?

Answer 1

juste pour le plaisir:

var c = document.getElementById("cnv").getContext("2d"); 
 
var f = Math.sqrt(2); 
 

 
function hor(x, y, len) { 
 
    if(len < 1) return; 
 

 
    c.beginPath(); 
 
    c.moveTo(x - len/2, y); 
 
    c.lineTo(x + len/2, y); 
 
    c.stroke(); 
 

 
    setTimeout(function() { 
 
    ver(x - len/2, y, len/f); 
 
    ver(x + len/2, y, len/f); 
 
    }, 500); 
 
} 
 

 
function ver(x, y, len) { 
 
    if(len < 1) return; 
 

 
    c.beginPath(); 
 
    c.moveTo(x, y - len/2); 
 
    c.lineTo(x, y + len/2); 
 
    c.stroke(); 
 

 
    setTimeout(function() { 
 
    hor(x, y - len/2, len/f); 
 
    hor(x, y + len/2, len/f); 
 
    }, 500); 
 
} 
 

 
hor(300, 90, 150)

<canvas id="cnv" width="600" height="180" />