js

ProcessingJS

Les figures géométriques

• rect(x, y, w, h)
• ellipse(x, y, w, h)
• triangle(x1, y1, x2, y2, x3, y3)
• line(x1, y1, x2, y2)
• point(x, y)
• arc(x, y, w, h, start, stop)
• bezier(x1, y1, cx1, cy1, cx2, cy2, x2, y2)
• quad(x1, y1, x2, y2, x3, y3, x4, y4)
• image(image, x, y, width*, height*)

Voir aussi : ellipseMode, rectMode, imageMode, strokeCap, bezierPoint, bezierTangent, curve, curvePoint, curveTangent, curveTightness

Figures géométriques complexes

• beginShape() / endShape() / vertex()
• curveVertex()
• bezierVertex()

Voir aussi : strokeJoin, curveTightness

Couleurs

• background(r, g, b)Définir la couleur d’arrière-plan
• fill(r, g, b)Définir la couleur de remplissage des formes
• noFill()Désactiver le remplissage des formes
• stroke(r, g, b)Définir la couleur de contour des formes
• strokeWeight(thickness)Modifier l’épaisseur des lignes et des contours
• noStroke()Désactiver les contours des formes
• color(r, g, b)Stocker une couleur dans une variable
• blendColor(c1, c2, MODE)Mélanger deux couleurs
• lerpColor(c1, c2, amount)Obtenir la couleur située entre deux couleurs

Voir aussi : colorMode, red, green, blue, alpha, hue, saturation, brightness

Texte

• text(text, x, y)Dessiner du texte
• textFont(font, size*)Changer la police du texte
• textSize(size)Modifier la taille du texte

Voir aussi : textWidth, textAscent, textDescent, textLeading, textAlign

Transformer

• rotate(angle)Faire pivoter les formes suivant un angle
• scale(amount)Agrandir les formes dans les deux dimensions
• translate(x, y)Déplacer les formes via un décalage

Voir aussi : pushMatrix/popMatrix, resetMatrix, printMatrix

Environnement

• width / heightLes dimensions de la zone de dessin
• draw = function() { }Appelé de façon répétée pendant l’exécution du programme
• playSound(sound)Joue un des sons autorisés

Voir aussi : Program.assertEqual, Program.restart, frameRate(fps), frameCount, loop, noLoop

Souris

• mouseX, mouseYCoordonnées actuelles de la souris
• pmouseX, pmouseYLes coordonnées précédentes de la souris
• mouseButtonQuel bouton est enfoncé
• mouseIsPressedSi oui ou non la souris est enfoncée
• mouseClicked = function() { }Appelée lorsque la souris est cliquée
• mousePressed = function() { }Appelée lorsque la souris est enfoncée
• mouseReleased = function() { }Appelée lorsque la souris est relâchée
• mouseMoved = function() { }Appelée lorsque la souris est déplacée
• mouseDragged = function() { }Appelée lorsque vous faites glisser la souris
• mouseOver = function() { }Appelée lorsque la souris passe sur la zone de dessin
• mouseOut = function() { }Appelée lorsque la souris se déplace hors de la zone de dessin

Clavier

• keyVariable qui représente quelle touche est enfoncée
• keyCodeContient le code du dernier caractère spécial utilisé sur le clavier
• keyIsPressedTrue (vrai) si une touche est enfoncée, false (faux) sinon
• keyPressed = function() { }Appelée lorsqu’une touche est enfoncée
• keyReleased = function() { }Appelée lorsqu’une touche est relâchée
• keyTyped = function() { }Appelée lorsqu’une touche est pressée

Mathématiques

• random(low, high)Génère un nombre aléatoire
• dist(x1, y1, x2, y2)Calcule la distance entre deux points
• constrain(value, min, max)Restreint une valeur comprise entre min et max
• min(num1, num2)Retourne le minimum parmi deux nombres
• max(num1, num2)Retourne le maximum parmi deux nombres
• abs(num)Retourne la valeur absolue d’un nombre
• log(num)Calcule le logarithme d’un nombre
• pow(num, exponent)Élève un nombre à un exposant
• sq(num)Donne le carré d’un nombre
• sqrt(num)Donne la racine carrée d’un nombre
• round(num)Retourne l’entier le plus proche
• ceil(num)Retourne l’entier supérieur ou égale à la valeur
• floor(num)Retourne l’entier inférieur ou égale à la valeur
• PVector(x, y)Un objet qui décrit un vecteur à deux dimensions

Voir aussi : mag, exp, map, norm, lerp, noise, noiseDetail, Random.nextGaussian

Trigonométrie

• cos(degrees)Calcule le cosinus d’un angle
• sin(degrees)Calcule le sinus d’un angle
• tan(degrees)Calcule la tangente d’un angle

Voir aussi : acos, asin, atan, atan2, radians, degrees, angleMode

Date & heure

• day() / month() / year()Date du jour
• hour() / minute() / second()Heure actuelle
• millis()Millisecondes écoulées depuis le début du programme

Débogage

• debug(arg1, arg2, ...)Affiche sur la console de développement du navigateur
• println(data)Affiche, avec un passage à la ligne, dans la console de la zone de dessin
• print(data)Affiche dans la console de la zone de dessin

JavaScript

• var drawWinston = function() { }Permet de déclarer, définir une nouvelle fonction. Regardez l’exemple ci-dessous…
• var array = [0, 1, 2, 3, 4]Crée un tableau contenant 5 nombres
• if (x < 20) { }Exécute le code uniquement si une certaine condition est respectée
• for (var i = 0; i < 8; i++) { }Répète le code un nombre défini de fois
• while (x < 250) { }Exécute le code tant qu’une certaine condition est respectée