Processing

Processing est à la fois un langage et une interface pour éditer votre code. Il s'agit d'un logiciel libre qui doit être installé sur votre machine (il l'est sur toutes celles de l'école). Descendant direct de Design by numbers de John Maeda (dont vous trouverez un très beau livre à la bibliothèque), Processing a vu le jour au MIT, en 2001. Clairement orienté création visuelle, il permet d'aborder les concepts de base de la programmation (variables, boucles, conditions...) de façon relativement simple et autonome.

  1. Téléchargez et installez Processing
  2. Ouvrez le programme
  3. Editez votre code
  4. Testez-le
  5. Sauvez votre travail
void setup() {
    size(600,400);
}
void draw() {
    background(220);
    ellipse(mouseX,mouseY,30,30);
}

Processing L'environnement de Processing.

P5js

P5js est ce que l'on appelle une bibliothèque (library) javaScript. Les fonctions utilisées sont très proches, dans l'esprit et dans la syntaxe, de Processing. Cela signifie que vos sketchs peuvent s'exécuter directement dans votre navigateur. Bien qu'une connaissance des langages HTML et CSS, ainsi que des notions de base liées au web, soit un plus, P5js propose un éditeur de code en ligne très pratique, qui vous permet de rentrer directement dans le vif du sujet sans connaissance préalable. Une fois un compte créé, il vous est alors possible de sauver vos sketchs en ligne et de les partager directement. Ces fonctions de sauvegarde et de partage en font un outil particulièrement intéressant pour notre journée.

  1. RDV sur https://editor.p5js.org/
  2. Créez un compte en ligne
  3. Editez votre code
  4. Partagez!
function setup() {
    createCanvas(600,400);
}
function draw() {
    background(200);
    ellipse(mouseX,mouseY,30,30);
}

P5js Le "même" programme avec P5js. Notez les quelques petites différences de syntaxe.

results matching ""

    No results matching ""