1010680Fabrication de grillescréer un texte avecLien vers p5Visuelhttp://profmath.uqam.ca/~boileau/p5VisuelWEB/ind…vrailien de texteet d'adressedans une autre pageNombre de lignes 10Nombre de colonnes 120101601601   Changer la couleur de la grillehttp://profmath.uqam.ca/~boileau/p5VisuelWEB/ima…charger une imagedepuis l'adresseInsérer un saut de ligneCréer un boutonaffichantInsérer un saut de ligneInsérer un saut de lignefondCanevas : dim horizontaledimension verticaleInsérer un saut de ligneInsérer un saut de ligneCréer glissière+valeurtitreminimummaximumvaleur initialepasInsérer un saut de ligneCréer une entréede nomet de contenu initialCréer un paragraphecontenantCréer un titrecontenantCentrer les objets dans une page web de largeurpixelsfixernCàfixernLàpouractions initiales 600nL÷600nC÷0nL10ihL×600ihL×Tracer un segment de (,) à (,)0nC1jlC×0jlC×600Tracer un segment de (,) à (,)bouclejde minà maxavec pasfaireboucleide minà maxavec pasfairefixerlCàfixerhLàpouractions en boucle 


var canevas, nL, nC, hL, lC, i, j;

/**
 * Fonction exécutée une fois, au départ
 */
function actions_initiales() {
  nL = 10;
  nC = 10;
  centrerPageExecution(680);
  createElement("h1",'Fabrication de grilles');
  createP((String('Lien vers ') + String(retourneLien('p5Visuel','http://profmath.uqam.ca/~boileau/p5VisuelWEB/index.html',true))));
  creerEntreeNommee('Nombre de lignes ','10');
  createSpan("<br>");
  nouvelleGlissiereValeur('Nombre de colonnes ',1,20,10,1);
  createSpan("<br>");
  createSpan("<br>");
  canevas=creerCanvas(601,601); canvas=canevas;
  couleurFondC('#ffff99');
  createSpan("<br>");
  createSpan("<br>");
  createButton('Changer la couleur de la grille');
  createSpan("<br>");
  createImg('http://profmath.uqam.ca/~boileau/p5VisuelWEB/image/MonaLisa.png');
}

/**
 * Fonction exécutée périodiquement, de façon répétée
 */
function actions_en_boucle() {
  hL = 600 / nL;
  lC = 600 / nC;
  for (i = 0; i <= nL; i += abs(1)) {
    segment(0,(i * hL),600,(i * hL));
  }
  for (j = 0; j <= nC; j += abs(1)) {
    segment((j * lC),0,(j * lC),600);
  }
}
Exécuter