Global

Methods

angleCodage(A, B, C, options) → {id}

Source:

Code un angle. L'option codage peut être "simple", "/", "//", "///", "O" "double", "double/", "double//", "double///", "doubleO" "triple", "triple/", "triple//", "triple///", "tripleO" "plein", "plein/", "plein//", "plein///", "pleinO"

Parameters:
Name Type Description
A point

Point sur un côté de l'angle
B point

Sommet de l'angle
C point

Point sur un côté de l'angle
options objet

Défaut : { rayon : 1, couleur: this.couleurCodage, codage: 'plein'}
Returns:

L'identifiant correspond à l'identifiant des 3 points de l'angle séparés par _

Type
id

angleCodageMasquer(A, B, C, options)

Source:

Masque un codage préalablement créé

Parameters:
Name Type Description
A point
B point
C point
options objet

Défaut { tempo: 0 }

angleCodageMontrer(A, B, C, options)

Source:

Montre un codage préalablement créé

Parameters:
Name Type Description
A point
B point
C point
options objet

Défaut { tempo: 0 }

codageAngleDroit(A, B, C, options) → {array}

Source:

Trace le petit carré au crayon

Parameters:
Name Type Description
A point

Point sur un côté de l'angle
B point

Sommet de l'angle
C point

Point sur un côté de l'angle
options objet

Défaut : {longueur : 0.3, couleur: this.couleurCodage}
Returns:

[idTrait1, idTrait2]

Type
array

codageAngleDroitMasquer(id, options)

Source:

Masque le codage d'un angle droit

Parameters:
Name Type Description
id int

Identifiant du codage d'un angle droit
options objet

Défaut { tempo: 0 }

compasCercleCentrePoint(centre, point, options)

Source:
Parameters:
Name Type Description
centre point
point point

Point de départ du tracé du cercle
options objet

Défaut : { tempo: this.tempo, sens: this.vitesse / 2, epaisseur: this.epaisseur, couleur: this.couleurCompas, pointilles: this.pointilles }

compasCoucher(options)

Source:

Voir le compas en vue de dessus avant qu'il trace un arc de cercle

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

compasDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

compasEcarter(longueur, options)

Source:
Parameters:
Name Type Description
longueur int

écartement en cm
options objet

Défaut : { tempo: this.tempo, vitesse: this.vitesse }

compasEcarter2Points(A, B, options)

Source:
Parameters:
Name Type Description
A point

Pointe du compas
B point

Mine du compas
options objet

Défaut : { tempo: this.tempo, vitesse: this.vitesse, sens : this.vitesse / 2 }

compasEcarterAvecRegle(longueur, options)

Source:

Fais apparaitre la règle à l'horizontale, met le compas vertical et écarte le compas le long de la règle pour lire son écartement

Parameters:
Name Type Description
longueur int
options *

Défaut : { tempo: this.tempo, vitesse: this.vitesse, sens : this.vitesse / 2 }

compasLever(options)

Source:

Remettre le compas en position standard. Son état est sauvegardé dans le booléen this.compas.leve.

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

compasMasquer(options)

Source:
Parameters:
Name Type Description
options objet

compasMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

compasRetourner(options)

Source:

Change l'orientation du compas. Par défaut, elle est vers la droite. L'orientation courante du compas est sauvegardée dans this.compas.orientation

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo}

compasRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

compasTracerArc2Angles(angle1, angle2, options) → {id}

Source:

Trace un arc de cercle en gardant l'écartement et le centre actuel. L'angle de départ sera choisi pour être le plus proche de l'angle actuel

Parameters:
Name Type Description
angle1 int
angle2 int
options objet

Défaut : { tempo: this.tempo, sens: this.vitesse / 2, epaisseur: this.epaisseur, couleur: this.couleurCompas, pointilles: this.pointilles }
Returns:
Type
id

compasTracerArcCentrePoint(centre, point, options) → {id}

Source:

Trace un arc de cercle autour d'un point. La longueur de l'arc est déterminée par l'option delta en degré qui est ajoutée de part et d'autre du point

Parameters:
Name Type Description
centre point
point point
options objet

Défaut : { delta: 10, tempo: this.tempo, sens: this.vitesse / 2, epaisseur: this.epaisseur, couleur: this.couleurCompas, pointilles: this.pointilles }
Returns:
Type
id

compasZoom(pourcentage, options)

Source:
Parameters:
Name Type Description
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut

crayonDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

crayonMasquer(options)

Source:
Parameters:
Name Type Description
options objet

crayonMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

crayonRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

deplacer(objet, A, options)

Source:
Parameters:
Name Type Description
objet string

'regle', 'equerre', 'requerre, 'compas', 'rapporteur' ou 'crayon'
A point
options objet

equerreDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

equerreMasquer(options)

Source:
Parameters:
Name Type Description
options objet

equerreMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

equerreRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

equerreZoom(pourcentage, options)

Source:
Parameters:
Name Type Description
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut

html(numeroExercice, i)

Source:

Renvoie le code HTML de l'animation Il est important de spécifier le numéro de l'exercice et de la question pour avoir un identifiant unique sur la page

Parameters:
Name Type Description
numeroExercice int

Numéro de l'exercice
i int

Numéro de la question

htmlBouton(numeroExercice, i)

Source:

Créé un bouton qui permettra d'afficher ou masquer l'animation Il est important de spécifier le numéro de l'exercice et de la question pour avoir un identifiant unique sur la page

Parameters:
Name Type Description
numeroExercice int

Numéro de l'exercice
i int

Numéro de la question
Returns:

Code HTML avec le bouton qui affiche ou masque un div avec l'animation

image(url) → {id}

Source:

Affiche une image (donnée par son URL) au point A

Parameters:
Name Type Description
url string
Returns:
Type
id

masquer(objet, param1)

Source:
Parameters:
Name Type Description
objet string

'regle', 'equerre', 'requerre, 'compas', 'rapporteur' ou 'crayon'
param1 objet

montrer(objet, A, options)

Source:
Parameters:
Name Type Description
objet string

'regle', 'equerre', 'requerre, 'compas', 'rapporteur' ou 'crayon'
A point

Point (0, 0) par défaut
options objet

{ tempo : 10 }

pause()

Source:

Met l'animation en pause forçant l'utilisateur à appuyer sur lecture pour voir la suite

pointCreer(A, options)

Source:

Crééer un point avec la croix pour le situer et son nom en bas à droite par défaut. L'id sera sauvegardé dans l'objet point. S'il n'est pas défini alors on prend le premier entier disponible.

Parameters:
Name Type Description
A point
options objet

{ label: A.nom, tempo: this.tempo, couleur: this.couleurPoint, couleurLabel: this.couleurTexte, id }

pointDeplacer(A, x, y, options)

Source:

Anime la translation d'un point

Parameters:
Name Type Description
A point
x int

Abscisse du point d'arrivée
y int

Ordonnée du point d'arrivée
options objet

Défaut : { tempo: this.tempo, vitesse: this.vitesse }

pointMasquer(A, options)

Source:

Masquer un point

Parameters:
Name Type Description
A point
options objet

Défaut : { tempo: 0 }

pointMontrer(A, options)

Source:

Montrer un point qui aurait été caché

Parameters:
Name Type Description
A point
options objet

Défaut ; { tempo : this.tempo }

pointNommer(A, nom, options)

Source:

Ajoute un label au point

Parameters:
Name Type Description
A point
nom string
options objet

dx pour le déplacement vertical du nom du point, dy pour le déplacemetn horizontal, couleur: this.couleurPoint, tempo: this.tempo

pointsCreer(…points)

Source:

Création de plusieurs points Le dernier argument peut être une option qui sera appliquée à tous les points

Parameters:
Name Type Attributes Description
points points <repeatable>

Points séparés par des virgules

polygoneRapide(…sommets)

Source:

Trace un polygone avec traitRapide()

Parameters:
Name Type Attributes Description
sommets points <repeatable>

du polygonne séparés par des virgules

polygoneTracer(…sommets)

Source:

Trace un polygone avec les options par défaut que l'on ne peut pas changer ici

Parameters:
Name Type Attributes Description
sommets points <repeatable>

du polygonne séparés par des virgules

rapporteurCrayonMarqueAngle(angle, options)

Source:

Fais une petite marque (couleur et épaisseur d'un trait de construction) sur une graduation du rapporteur

Parameters:
Name Type Description
angle int
options objet

Défaut : { tempo: this.tempo, vitesse: this.vitesse, couleur: this.couleurTraitsDeConstruction, epaisseur: this.epaisseurTraitsDeConstruction }

rapporteurDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

rapporteurDeplacerRotation2Points(A, B, options)

Source:

Met le rapporteur en position avec le centre en A et le 0 de droite alogné avec le point B

Parameters:
Name Type Description
A point
B point
options objet

Défaut : { tempo: this.tempo, vitesse: this.vitesse, sens : this.vitesse / 2 }

rapporteurMasquer(options)

Source:
Parameters:
Name Type Description
options objet

rapporteurMasquerGraduationsExterieures(options)

Source:

Masque la graduation externe du rapporteur (laisse l'autre graduation visible)

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

rapporteurMasquerGraduationsInterieures(options)

Source:

Masque la graduation interne du rapporteur (laisse l'autre graduation visible)

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

rapporteurMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

rapporteurMontrerGraduationsExterieures(options)

Source:

Montre la graduation extérieure si elle avait été précédemment cachée

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

rapporteurMontrerGraduationsInterieures(options)

Source:

Montre la graduation interne si elle avait été précédemment cachée

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

rapporteurRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

rapporteurTracerDemiDroiteAngle(A, B, angle, options)

Source:

Le crayon va faire une marque sur la graduation du rapporteur, le rapporteur va se cacher et on trace une demi-droite dont on peut choisir la "longueur" (par défaut 90% de celle de la règle)

Parameters:
Name Type Description
A point

Centre du rapporteur
B point

Point avec lequel le 0 de droite sera aligné
angle int
options objet

{ longueur: 0.9 * this.regle.longueur, couleur: this.couleur, tempo: this.tempo, vitesse: this.vitesse, sens : this.vitesse / 2, epaisseur: this.epaisseur, pointilles: this.pointilles }

rapporteurZoom(pourcentage, options)

Source:
Parameters:
Name Type Description
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut

recadre(xmin, ymax)

Source:

Permet de déplacer le repère utilisé pour l'animation en précisant les bornes xmin et ymax

Parameters:
Name Type Description
xmin int
ymax int

regleDemiDroiteOriginePoint(O, A, options)

Source:

Trace une demi-droite d'origine O passant par A (ou en direction de A si les points sont trop éloignés)

Parameters:
Name Type Description
O point

Origine
A point

Direction
options objet

Défaut {longueur: this.regle.longueur, tempo : this.tempo, vitesse: this.vitesse, sens: this.vitesse / 2}

regleDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

regleDroite(A, B, options)

Source:

Trace une droite passanrt par les points A et B

Parameters:
Name Type Description
A point
B point
options objet

Défaut {longueur: this.regle.longueur, tempo : this.tempo, vitesse: this.vitesse, sens: this.vitesse / 2}

regleMasquer(options)

Source:
Parameters:
Name Type Description
options objet

regleMasquerGraduations(options)

Source:

Masquer les graduations sur la règle

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

regleModifierLongueur(longueur, options)

Source:

Modifie la taille de la règle

Parameters:
Name Type Default Description
longueur int 20
options objet

Défaut : { tempo: this.tempo }

regleMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

regleMontrerGraduations(options)

Source:

Montrer les graduations sur la règle si elles avaient été masquées

Parameters:
Name Type Description
options objet

Défaut : { tempo: this.tempo }

regleProlongerSegment(A, B, options)

Source:

Avec la règle, on prolonge le segment de l cm du coté de la 2e extrémité si l est positif sinon du côté de la première extrémité

Parameters:
Name Type Description
A point
B point
options objet

Défaut {longueur: 3, tempo: this.tempo, vitesse: this.vitesse, sens: this.vitesse / 2}

regleRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

regleSegment(Segment, options, options) → {id}

Source:
Parameters:
Name Type Description
Segment segment/point

à tracer ou première extrémité
options objet/point

ou deuxième extrémité
options objet

si les deux premiers arguments étaient des points
Returns:

identifiant utilisé pour le trait

Type
id

regleZoom(pourcentage, options)

Source:
Parameters:
Name Type Description
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut

requerreDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

requerreGlisserEquerre(déplacement, options)

Source:
Parameters:
Name Type Description
déplacement int

en nombre de cm (le déplacement peut être positif ou négatif)
options *

Défaut : { tempo: this.tempo, vitesse: this.vitesse }

requerreMasquer(options)

Source:
Parameters:
Name Type Description
options objet

requerreMontrer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

requerreRotation(angle, options)

Source:
Parameters:
Name Type Description
angle int
options objet

requerreZoom(pourcentage, options)

Source:
Parameters:
Name Type Description
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut

rotation(objet, angle, options)

Source:
Parameters:
Name Type Description
objet string

'regle', 'equerre', 'requerre, 'compas', 'rapporteur' ou 'crayon'
angle int
options objet

script()

Source:

Renvoie le script xml

segmentCodage(Segment, options, options) → {id}

Source:
Parameters:
Name Type Description
Segment segment/point

à coder ou première extrémité
options objet/point

ou deuxième extrémité
options objet

si les deux premiers arguments étaient des points. Défaut : { tempo: this.tempo, couleur: this.couleurCodage, codage: '//', }
Returns:
Type
id

segmentCodageMasquer(id, options)

Source:
Parameters:
Name Type Description
id int

Identifiant du codage
options objet

Défaut : { tempo: this.tempo }

segmentCodageMontrer(id, options)

Source:
Parameters:
Name Type Description
id int

Identifiant du codage
options objet

Défaut : { tempo: this.tempo }

taille(width, height)

Source:
Parameters:
Name Type Description
width int
height int

texteChangeCouleur(texte, id, couleur)

Source:

Change la couleur d'un texte déjà créé dont on donne l'id retourné par this.textePoint ou this.textePosition Nécessité de redonner le texte car on réécrit le texte dans une autre couleur.

Parameters:
Name Type Description
texte string
id number
couleur string

texteDeplacer(A, options)

Source:
Parameters:
Name Type Description
A point
options objet

texteMasquer(id, options)

Source:

Masque le trait d'id fourni

Parameters:
Name Type Description
id array
options objet

Défaut : { tempo: 0 }

textePoint(texte, A, options) → {id}

Source:

Ecris un texte collé au point. On peut choisir un fond, un cadre, l'opacité du fond, la police...

Parameters:
Name Type Description
texte string
A point
options objet

Défaut : { tempo: this.tempo, police: false, couleur: this.couleurTexte, couleurFond, opaciteFond, couleurCadre, epaisseurCadre, marge, margeGauche, margeDroite, margeHaut, margeBas }
Returns:
Type
id

textePosition(texte, x, y, options)

Source:

Ecris un texte collé au point de coordonnées (x,y). On peut choisir un fond, un cadre, l'opacité du fond, la police...

Parameters:
Name Type Description
texte string
x int

Abscisse du coin en haut à gauche
y int

Ordonnée du coin en haut à gauche
options objet

Défaut : { tempo: this.tempo, police: false, couleur: this.couleurTexte, couleurFond, opaciteFond, couleurCadre, epaisseurCadre, marge, margeGauche, margeDroite, margeHaut, margeBas }

tracer(B, options) → {id}

Source:

Le crayon trace un trait de sa position courante jusqu'au point B

Parameters:
Name Type Description
B point
options objet

Défaut { tempo: this.tempo, vitesse: this.vitesse, epaisseur: this.epaisseur, couleur: this.couleur, pointilles: this.pointilles, vecteur: false }
Returns:

id utilisée pour le tracé

Type
id

trait(A, B, options) → {id}

Source:

Trace au crayon le segment [AB]

Parameters:
Name Type Description
A point

Première extrémité
B point

Deuxième extrémité
options *
Returns:

id utilisée pour le tracé

Type
id

traitMasquer(id, options)

Source:

Masque le trait d'id fourni

Parameters:
Name Type Description
id int
options objet

Défaut : { tempo: 0, vitesse: 200 }

traitRapide(A, B, options) → {id}

Source:

Trace au crayon le segment [AB] sans tempo et avec une vitesse multipliée par 1 000

Parameters:
Name Type Description
A point

Première extrémité
B point

Deuxième extrémité
options *
Returns:

id utilisée pour le tracé

Type
id

x()

Source:

*** Fin du constructeur

zoom(objet, pourcentage, options)

Source:
Parameters:
Name Type Description
objet string

'regle', 'equerre', 'requerre, 'compas' ou 'rapporteur'
pourcentage int

200 pour doubler la taille
options objet

tempo = 0 par défaut