Processing est un langage de développment d'oeuvres multimédia voire de jeux, axé sur les images, vidéos et le son, initialement dérivé et inspiré de Java, mais qui a lui même dérivé en p5.js et tournant en JavaScript dans le navigateur.
Il vise le développement simplifié de prototypes pour les designers ou les artistes, ainsi que l'apprentissage de la programmation, mais peut se suffire aussi à lui-même.
Exemple pour p5js:
// https://editor.p5js.org/garvalf4/sketches/XBBaws7OF
function setup() {
//createCanvas(400, 400, WEBGL);
createCanvas(400, 400);
frameCount = -300;
}
function draw() {
//
// translate(0,20);
// Calculate the y-coordinate.
let y = frameCount * 0.8;
//let y = 1;
if (y < 400) {
} else { frameCount = -300}
background('orange');
//fill('red');
fill(112,45,y/2)
rect(0,360,400,30);
fill(112,y,45)
rect(y*2.5,0,30,400);
// Translate the origin.
translate(0, y);
wolf();
// orbitControl();
// rotateX(frameCount * 2);
}
function wolf() {
line(243, 220, 310, 153);
line(310, 153, 273, 89);
line(273, 89, 261, 14);
line(261, 14, 200, 43);
line(200, 43, 162, 2);
line(162, 2, 153, 42);
line(153, 42, 231, 58);
line(231, 58, 153, 42);
line(153, 42, 130, 46);
line(130, 46, 123, 52);
line(123, 52, 179, 59);
line(179, 59, 231, 58);
line(123, 52, 117, 66);
line(117, 66, 158, 75);
line(117, 66, 68, 70);
line(68, 70, 158, 75);
line(68, 70, 58, 100);
line(58, 100, 140, 151);
line(58, 100, 105, 141);
line(105, 141, 68, 145);
line(105, 141, 140, 151);
line(68, 145, 140, 151);
line(68, 145, 63, 152);
line(63, 152, 75, 169);
line(75, 169, 145, 173);
line(145, 173, 167, 202);
line(167, 202, 243, 220);
line(145, 173, 197, 178);
line(197, 178, 243, 220);
}