Tessellation et pavages

Le concept

Une tessellation est un pavage du plan sans trou ni chevauchement. Les pavages réguliers utilisent un seul polygone (triangle, carré, hexagone). En creative coding, on génère des grilles hexagonales ou des motifs islamiques en combinant translations et rotations. Le zellige marocain est une tessellation complexe à base d'étoiles et de losanges.

Le code

// Hexagonal grid tessellation
let sz = 20;
function setup() { createCanvas(400, 280); noLoop(); }
function draw() {
  background(11,15,20);
  for (let row=0; row<height/sz+1; row++) {
    for (let col=0; col<width/sz+1; col++) {
      let x = col*sz*1.5, y = row*sz*1.73 + (col%2)*sz*0.866;
      stroke(55,227,195,100); noFill(); strokeWeight(1);
      beginShape();
      for (let a=0;a<6;a++) vertex(x+cos(a*PI/3)*sz*0.55, y+sin(a*PI/3)*sz*0.55);
      endShape(CLOSE);
    }
  }
}

Pour aller plus loin

Explorez les autres cours gratuits sur la page Apprendre, ou réservez un appel pour discuter de votre projet.