function preload() {

  matypo = loadFont('SpaceGrotesk-Medium.otf');

}

​

​

//la configuration de départ. Sert à lister les éléments qui sont nécessaires au départ. Ce code ne va s’exécuter qu’une seule fois.

function setup() {

  createCanvas(800, 900);//largeur et hauteur du canvas

  background('#dff0ea');//la couleur du fond

  //les formes géométriques

  fill('#95adbe');//la couleur de fond du rectangle

  stroke('#4f3a65');//la couleur du contour du rectangle

  strokeWeight(3);//épaisseur du contour

  rect(30, 20, 155, 155);//le rectangle

  ellipse(400, 96, 155, 155);//le cercle

  triangle(700, 175, 700, 20, 586, 75);//le triangle

  strokeWeight(8);//l'épaisseur de la ligne

  line(60, 600, 500, 600);//la ligne

  //le texte

  textSize(140);//la taille du texte

  fill('#574f7d');//la couleur du texte

  noStroke();//on enlève le contour 

  text('hello world', 60, 400);//le texte ainsi que sa position

  textFont(matypo);//la fonction de la typo. Si il n'y en pas on utilise alors une typo standard

  fill('#4f3a65');//la couleur du texte

  text('Bonjour', 60, 540);//le 2eme texte avec la typo Space Grotesk

}

​

​

//tout ce qui se trouve ici est « dessiné » en boucle par le programme.

function draw() {

}