var canevas, video, titre, gif, png, monEspace, x, texte, taille, hauteur, largeur, centre, temporaire, couleur_texte, couleur_fond, videos, bouton, nbTotalVideos, noVideo, posContenant, titreFin, posTitreFin, commentaire, posCommentaire, contenant, adresse, visible, pageWeb, contenantPageCache, contenantPage, bouton2, listeChoix, choix, paraLegende, textes, lecteurs, legende, i, nom, stFrancais, info, info1;/**
* Fonction exécutée une fois, au départ
*/function actions_initiales(){
document.body.style.paddingLeft="20px";
disposerPageExecution(true,1600);
document.body.style.backgroundColor ='#ccffff';
titre=createElement("h1",'Autour du théorème de Pythagore');
stylerObjetPrudent("titre",titre,'background','#99ff99');
png=createImg('https://cdn.pixabay.com/photo/2020/10/13/21/36/pythagoras-5652846_960_720.png');
stylerObjetPrudent("png",png,'hauteur','435px');
stylerObjetPrudent("png",png,'cursor','pointer');
siClicPrudent("png",png,"reference",reference);
createSpan("").style("display","inline-block").style("width","20px");
video=insererVideo('https://youtu.be/Ihv6qmojlII',true,false,false,(Math.round(435*(4/3))),435);
createSpan("").style("display","inline-block").style("width","20px");
gif=createImg('https://media.giphy.com/media/l41JGHqVSThnCbSOA/giphy.gif');
stylerObjetPrudent("gif",gif,'hauteur','435px');
createSpan("<br>");
createSpan("<br>");
importerFigureGGB('figureGGB','https://www.geogebra.org/material/iframe/id/G3cAAhu7/width/425/height/530/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false',425,530);
createSpan("").style("display","inline-block").style("width","20px");
monEspace=creerBlocTexteFormat(['<-- À gauche',' Pourquoi les aires sont-elles préservées par les transformations?','-----','À droite -->','Déplacer trois triangles (via leurs points rouges) pour former deux carrés de cotés <i>a</i> et <i>b</i>.'],300,520,true,10,36,'#ff0000','#ffff33');
createSpan("").style("display","inline-block").style("width","20px");
importerFigureGGB('figureGGB2','https://www.geogebra.org/material/iframe/id/SGnDCKSQ/width/756/height/530/border/888888/sfsb/false/smb/false/stb/false/stbh/false/ai/false/asb/false/sri/false/rc/false/ld/false/sdz/false/ctl/false',756,530);
createSpan("<br>");
createSpan("<br>");
actions_initiales_2();
actions_initiales_3();
createSpan("<br>");
createSpan("<br>");
bouton2=createButton('Montrer le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');
stylerObjetPrudent("bouton2",bouton2,'taille-caractère','24pt');
stylerObjetPrudent("bouton2",bouton2,'couleur','#ffffff');
stylerObjetPrudent("bouton2",bouton2,'padding','10px');
stylerObjetPrudent("bouton2",bouton2,'couleur-fond','#ff0000');
stylerObjetPrudent("bouton2",bouton2,'cursor','pointer');
siClicPrudent("bouton2",bouton2,"visibilit_C3_A9",visibilit_C3_A9);
contenantPage=createP('');
pageWeb=insererPageWeb('http://profmath.uqam.ca/~boileau/GRMS2014/loiCos.html',1000,1400,10,'rgb(255,0,0)');
assignerParentPrudent("pageWeb",pageWeb,"contenantPage",contenantPage);
contenantPageCache =true;
cacherObjetPrudent("contenantPage",contenantPage);
titreFin=createP((['Créé avec ',retourneLien((("<i>"+'p5Visuel'+"</i>")),'http://profmath.uqam.ca/~boileau/p5VisuelWEB/index.html',true),' ( voir ',retourneLien('vidéo#1','https://www.youtube.com/watch?v=bMD8Hx7uQ0s&list=PLcB4oj8hWCxrtfFwMa5iNmtjaNOvPGaqd&index=2',true),' et ',retourneLien('vidéo#2','https://www.youtube.com/watch?v=7zoTmmlKng0&list=PLcB4oj8hWCxrtfFwMa5iNmtjaNOvPGaqd&index=3',true),' )'].join('')));
stylerObjetPrudent("titreFin",titreFin,'couleur','#33ccff');}/**
* Fonction exécutée périodiquement, de façon répétée
*/function actions_en_boucle(){}/**
* Décrire cette fonction…
*/function reference(){
versAdresseWeb('http://profmath.uqam.ca/~boileau/GRMS2014/loiCos.html',true);}/**
* Décrire cette fonction…
*/function visibilit_C3_A9(){
contenantPageCache =!contenantPageCache;if(contenantPageCache){
cacherObjetPrudent("contenantPage",contenantPage);
fixeContenuPrudent("bouton2",bouton2,'Montrer le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');}else{
montrerObjetPrudent("contenantPage",contenantPage);
fixeContenuPrudent("bouton2",bouton2,'Cacher le site web<br /><i>Le théorème de Pythagore comme vous ne l\'avez jamais vu</i>');}}/**
* Fonction exécutée une fois, au départ
*/function actions_initiales_2(){
titre=createElement("h1",'Voyons un échantillon de ce que YouTube nous dit sur Pythagore');
listeChoix =['Simplex : DJ Pythagore','Contes math : théorème de Pythagore','alloprof : relation de Pythagore','Théorème de Pythagore : démonstration','Pythagore de Samos','Et si le théorème de Pythagore n\'était pas vrai ?'];
choix=creerMenuLocal(listeChoix);
stylerObjetPrudent("choix",choix,'taille-caractère','36px');
stylerObjetPrudent("choix",choix,'padding','0 30px 0 15px');
siChangementPrudent("choix",choix,"choix_menu",choix_menu);
createSpan("<br>");
createSpan("<br>");
contenant=createElement('div','');
stylerObjetPrudent("contenant",contenant,'display','inline-block');
stylerObjetPrudent("contenant",contenant,'largeur','1280px');
stylerObjetPrudent("contenant",contenant,'hauteur','720px');
paraLegende=createElement("h1",'OK');
videos =[];
textes =[];
lecteurs =[];
ajout_video('https://youtu.be/z5gMO8GTD-k',true,' ');
ajout_video('https://youtu.be/LJOSl4jt2jk',false,' ');
ajout_video('https://youtu.be/i8qgu6yjPJk',false,' ');
ajout_video('https://youtu.be/Ik3b78sUUIs',false,' ');
ajout_video('https://youtu.be/FcQQ1nX5cFg',false,' ');
ajout_video('https://youtu.be/I1xM1bicp4U',false,' ');
nbTotalVideos = videos.length;
noVideo =0;}/**
* Décrire cette fonction…
*/function ajout_video(adresse, visible, legende){
video=insererVideo(adresse,true,false,false,1280,720);
videos.push(video);
textes.push(legende);
lecteurs.push(false);
assignerParentPrudent("video",video,"contenant",contenant);if(!visible){
cacherObjetPrudent("video",video);}else{
fixeContenuPrudent("paraLegende",paraLegende,(textes[0]));}}/**
* Décrire cette fonction…
*/function choix_menu(){
lecteurs[noVideo]=(eval('mettreEnPauseYT(videos[noVideo],lecteurs[noVideo])'));
cacherObjetPrudent("(videos[noVideo])",(videos[noVideo]));
noVideo = ordre(valeurPrudent("choix",choix));
montrerObjetPrudent("(videos[noVideo])",(videos[noVideo]));
fixeContenuPrudent("paraLegende",paraLegende,(textes[noVideo]));}/**
* Décrire cette fonction…
*/function actions_initiales_3(){
stFrancais=createButton('Sous-titres français');
stylerObjetPrudent("stFrancais",stFrancais,'background-color','#33ccff');
stylerObjetPrudent("stFrancais",stFrancais,'taille-caractère','20px');
stylerObjetPrudent("stFrancais",stFrancais,'padding','10px');
stylerObjetPrudent("stFrancais",stFrancais,'display','block');
stylerObjetPrudent("stFrancais",stFrancais,'margin','auto');
info=createElement('div','');
stylerObjetPrudent("info",info,'text-align','left');
stylerObjetPrudent("info",info,'background-color','#33ccff');
stylerObjetPrudent("info",info,'padding','20px');
info1=createElement('h2','Si la vidéo est en anglais, vous pouvez activer les sous-titres français comme suit');
assignerParentPrudent("info1",info1,"info",info);
info1=createElement('h2',' • assurez-vous que la vidéo a été démarrée');
assignerParentPrudent("info1",info1,"info",info);
info1=createElement('h2',' • allez en bas à doite de la vidéo et cliquez sur l\'icône ressemblant à un engrenage (menu <i>Paramètres</i>)');
assignerParentPrudent("info1",info1,"info",info);
info1=createElement('h2',' • cliquez sur l\'item <i>Sous-titres</i>');
assignerParentPrudent("info1",info1,"info",info);
info1=createElement('h2',' • choisissez le sous-item <i>Français</i> s\'il est présent');
assignerParentPrudent("info1",info1,"info",info);
info1=createElement('h2',' • sinon choisissez le sous-item <i>Anglais</i> suivi du sous-item <i>Traduire automatiquement</i><br /> avant de sélectionner <i>Français</i> comme langue');
assignerParentPrudent("info1",info1,"info",info);
createSpan("<br>");
createSpan("<br>");
siClicPrudent("stFrancais",stFrancais,"clic_bouton",clic_bouton);
siClicPrudent("info",info,"clic_div",clic_div);
clic_div();}/**
* Décrire cette fonction…
*/function ordre(nom){for(i =0; i <= listeChoix.length -1; i += abs(1)){if(nom == listeChoix[i]){return i;}}}/**
* Décrire cette fonction…
*/function changer_video(){
cacherObjetPrudent("(videos[noVideo])",(videos[noVideo]));
noVideo =(noVideo +1)% nbTotalVideos;
montrerObjetPrudent("(videos[noVideo])",(videos[noVideo]));}/**
* Décrire cette fonction…
*/function clic_div(){
montrerObjetPrudent("stFrancais",stFrancais);
cacherObjetPrudent("info",info);}/**
* Décrire cette fonction…
*/function clic_bouton(){
montrerObjetPrudent("info",info);
cacherObjetPrudent("stFrancais",stFrancais);}
Exécuter
10110110111194503.1641050110011001111111abc001abcabcabcabcabc50000,3005001230050012rgb(0,0,0)rgb(255,255,255)1210010003.1415926535400800600400400608002005005301005012rgb(0,0,0)rgb(255,255,255)010.50.01010.50.010rgb(255,128,0)000rgb(0,0,0)000000110010010011001001100110900000120000000000000020rgb(0 ,0 ,0)rgb(255 ,255 ,255)rgb(0 ,0 ,0)rgb(255 ,255 ,255)2552552552551rgb(255 ,255 ,255)000000000010figureGGB800600figureGGBfigureGGBfigureGGB-55-55-55-55-55255255255255canevasactions initialesFonction exécutée une fois, au départactions en boucleFonction exécutée périodiquement, de façon répétée
