Index des articles explicatifs de certaines fonctions Wigii NCD
Langage textuel HTML
h1("un titre") Définit un titre dans le document
p() Ouvre un nouveau paragraphe
$p() Ferme le paragraphe ouvert précédemment
out("une phrase") Ecrit une phrase à l'écran
color("nomCouleur") Définit la couleur du texte qui suit
$color() Fin de la colorisation du texte et retour à la couleur par défaut.
b("phrase en gras") Met une phrase en gras
i("phrase en italique") Met une phrase en italique
u("phrase soulignée") Souligne une phrase
a("URL") Définit un lien hypertexte vers une URL
Syntaxe des scriptes NCD
programme (
instruction1,
instruction2,
...
);
programme (
h1("Exemple de programme"),
p(), color("blue"), out("Ceci est une phrase en bleu"), $color(), b(" suivi d'une mise en gras "), out(" et "), u(" d'un souligné."),$p()
);
programme (
scripte(function() {
alert("Bonjour");
}),
...
);
sousProgramme1 = sequence (
instruction1,
instruction2
);
programme (
sousProgramme1,
...
);
Intéractivité
pause(secondes) Met le programme en pause pendant une certaine durée en secondes
boutonDePause("label",onClick) Dessine un bouton et met en pause le programme jusqu'à ce que l'utilisateur clique dessus. Il est possible d'inclure une fonction JavaScript qui s'exécutera au moment du clique, avant de continuer le programme.
bouton("label",sousProgramme) Dessine un bouton et y attache un sous-programme qui sera exécuté lors du clique. Le sous-programme peut aussi être directement une fonction JavaScript
programme (
p(),out("Exemple de bouton"),$p(),
boutonDePause("Prêt ?"),
bouton("Clique sur moi", sousProgramme(
p(),out("Bravo."),$p(),
p(),out("Attends..."),$p(),
pause(2),
p(),out("On continue ?"),$p()
)),
bouton("Exécute scripte", function() {
alert("Bonjour");
})
);
Grille
grille(nbLignes, nbColonnes) Construit une grille de nbLignes et nbColonnes
texte(ligne,colonne, "texte") Ecrit un texte dans une cellule de la grille référencée par son numéro de ligne et numéro de colonne. La cellule en haut à gauche de la grille est en ligne 1 et colonne 1.
couleur(ligne,colonne, "couleur") Met une cellule en couleur
grille.cellule(ligne,colonne) Renvoie une cellule de la grille, sur laquelle d'autres méthodes peuvent être appelées :
grille.fonctionSurClique(function(ligne,colonne) {...}) Attache une fonction JavaScript à toute les cellules de la grille qui sera exécutée lors du clique. La fonction reçoit en paramètre le numéro de ligne et de colonne.
Il est possible d'écrire des cheminements par chaînage :
grille.cellule(1,1).couleur("green").droite().bas().pause(1).couleur("green").droite().bas().pause(1).couleur("green")
Panier
programme.panier Donne accès à un panier depuis un environnement de scripte
Formulaire
programme.formulaire Manipule un formulaire depuis un environnement de scripte
programme ( scripte(function() { programme.formulaire .creerChamp("nom","Nom:","Black","BurlyWood") .creerChamp("prenom","Prénom:","Black","BurlyWood") .creerChamp("tf","Téléphone:") .creerChamp("email","Email:"); programme.formulaire.champ("tf").couleur("CornflowerBlue"); programme.formulaire.champ("email").couleur("CornflowerBlue"); }) );
Tortues
Une tortue est un objet logiciel pouvant se déplacer sur une grille pas à pas.
Elle regarde dans une direction et peut pivoter sur elle-même à gauche ou à droite et même faire demi-tour.
Elle peut avancer d'une case droit devant elle ou avancer d'une case en diagonale à gauche ou diagonale à droite.
La tête de la tortue est colorée et elle laisse derrière elle une trace colorée de son passage sur la grille.
Plusieurs tortues peuvent cohabiter sur la grille et son dès lors référencées par un numéro d'index.
Elle a un senseur lui permettant d'ausculter la cellule courante sur laquelle elle est ou toute cellule autour d'elle.
Elle peut marcher selon l'intelligence qu'on lui encode.
Elle a une mémoire lui permettant de garder un état et de moduler le code de son intelligence.
tortue
tortue.marche(50, function(noPas,tortue) { // avance tout droit sur les 3 premiers pas if(noPas<=3) return tortue.avance(); // puis sur les pas suivants, fait un petit pas de danse, tourneAGauche-tourneADroite-tourneADroite-tourneAGauche-pause-avance-avance else return tortue.tourneAGauche().tourneADroite().tourneADroite().tourneAGauche().pause(1).avance().avance(); })Le nombre de pas passé à la fonction marche peut être un nombre statique (par exemple, 50) ou une fonction prenant en paramètre le numéro du pas courant, une référence de la tortue, et renvoyant une valeur booléenne : vrai pour autoriser la marche, faux pour stopper la marche.
tortue.marche( function(noPas,tortue) { if(tortue.cellule(1,0).texte() != '★') return true; else return false; }, function(noPas,tortue) {return tortue.avance();} )
Couleurs et Symboles
Nom des couleurs en anglais que l'on peut utiliser dans formulaire et grille. Les symboles en dessous sont à disposition pour une utilisation ludique.
red | orange | yellow | green | blue | indigo | purple |
⯅ | ♦ | ⯀ | ⬟ | ⬣ | ⯃ | ⚫ |
✔ | ✖ | ♥ | ✦ | ★ | ✸ | ✹ |