FRENAR
N°02 · Canvas 2D · Patrimoine algorithmique

Zellige génératif

Le zellige marocain revisité par le code. Symétries rotationnelles, pavages apériodiques, palettes issues de la terre — chaque seed produit une pièce unique, jamais un duplicat.

ajustez les paramètres · cliquez pour reseed 
// Zellige génératif — pavage symétrique paramétrique
const palettes = [
  ['#1a5276','#d4e6f1','#154360','#85c1e9'], // Fès
  ['#b8863b','#e9d9b0','#a2432f','#f5ecd9'], // Marrakech
  ['#c8f135','#0a0a0a','#9a9a9a','#1a1a1a'], // Digital
];

function drawTile(cx, cy, radius, symmetry, rand) {
  for (let i = 0; i < symmetry; i++) {
    const angle = (Math.PI * 2 / symmetry) * i;
    ctx.save();
    ctx.translate(cx, cy);
    ctx.rotate(angle);
    // Tracé du motif unitaire (triangle + arcs)
    drawMotif(radius, rand);
    ctx.restore();
  }
}
À toi de jouer

Pousse la symétrie à 12 avec la palette Fès — retrouves-tu les étoiles à 12 branches typiques des fontaines de Meknès ? Compare avec symétrie 6 et note la différence de rythme visuel.

Envie de créer vos propres motifs génératifs ?

Réserver un créneau