http://profmath.uqam.ca/~boileau/Nouvelles/Fichi…glissiereélément dont l'ID est820820canvascanvasP5élément dont l'ID estcanvasmodifier le centre de la figuresi clic surfairel'objetaura l'objetpour parentCanevas : dim horizontaledimension verticalefixerglissàLe programme s'exécutera dans la page webpouractions initiales glissvaleur devaleur_glissiereélément dont l'ID estnbHexa230230255255couleur rougevertbleuopaciténbHexafigureavec :nbHexa1tourne à droite dedegrésfondFixe le contenu deàfixernbHexaàpouractions en boucle pourfigureavec : nbHexanbHexahexagone360nbHexa÷tourne à droite dedegrésrépéterfoisfaire255230230255couleur rougevertbleuopacitéposition en X de la sourisposition en Y de la sourissauter au point (,)fondpourmodifier le centre de la figure retour620060tourne à droite dedegrésavance d'une distancerépéterfoisfairepourhexagone 


var canvas, titre1, x, nbCotes, nbHexa, gliss;

/**
 * Fonction exécutée une fois, au départ
 */
function actions_initiales() {
  definirPageWebExecution('http://profmath.uqam.ca/~boileau/Nouvelles/Fichiers/MAT3812/execution.html');
  gliss = select('#'+'glissiere');
  canevas=creerCanvas(820,820); canvas=canevas;
  assignerParentPrudent("canvas",canvas,"(select('#'+'canvasP5'))",(select('#'+'canvasP5')));
  siClicPrudent("canvas",canvas,"modifier_le_centre_de_la_figure",modifier_le_centre_de_la_figure);
}

/**
 * Fonction exécutée périodiquement, de façon répétée
 */
function actions_en_boucle() {
  nbHexa = valeurPrudent("gliss",gliss);
  fixeContenuPrudent("(select('#'+'valeur_glissiere'))",(select('#'+'valeur_glissiere')),nbHexa);
  couleurFondC((color(230,230,255,255)));
  figure(nbHexa);
  droite(1);
}

/**
 * Décrire cette fonction…
 */
function figure(nbHexa) {
  for (var count = 0; count < nbHexa; count++) {
    hexagone();
    droite((360 / nbHexa));
  }
}

/**
 * Décrire cette fonction…
 */
function modifier_le_centre_de_la_figure() {
  couleurFondC((color(255,230,230,255)));
  sautePos((posXsouris()),(posYsouris()));
}

/**
 * Décrire cette fonction…
 */
function hexagone() {
  for (var count2 = 0; count2 < 6; count2++) {
    avance(200);
    droite(60);
  }
}
Exécuter