FablabSU wiki:ateliers:processing
https://wiki.fablab.sorbonne-universite.fr/wiki/
2026-04-20T14:46:52+00:00FablabSU
https://wiki.fablab.sorbonne-universite.fr/wiki/
https://wiki.fablab.sorbonne-universite.fr/wiki/lib/tpl/dokuwiki/images/favicon.icotext/html2016-09-11T11:14:23+00:00Anonymous (anonymous@undisclosed.example.com)wiki:ateliers:processing:1
https://wiki.fablab.sorbonne-universite.fr/wiki/doku.php?id=wiki:ateliers:processing:1&rev=1473592463&do=diff
Atelier 1 : Installation et Bonjour Monde
Il faut commencer par le téléchargement :
<http://processing.org/download/?processing>
Une fois téléchargé dé-compressé nous pouvons lancer l’ide Processing.
Celui-ci ressemble à celui d’Arduino mais avec quelques différences.
Interface Processingtext/html2016-09-11T11:14:23+00:00Anonymous (anonymous@undisclosed.example.com)wiki:ateliers:processing:2
https://wiki.fablab.sorbonne-universite.fr/wiki/doku.php?id=wiki:ateliers:processing:2&rev=1473592463&do=diff
Atelier 2 : Créer une application pour Android
<http://wiki.processing.org/w/Android>
Installation de la librairie et du mode
Alors pour ajouter une librairie nous allons dans :
Sketch -> Import Library -> Add Library
Il faut juste ensuite chercher Ketai et l’installer.
Il faut aussi installer le sdk d'androidtext/html2016-09-11T11:14:23+00:00Anonymous (anonymous@undisclosed.example.com)wiki:ateliers:processing:3
https://wiki.fablab.sorbonne-universite.fr/wiki/doku.php?id=wiki:ateliers:processing:3&rev=1473592463&do=diff
Atelier 3 : Faire de la 3D avec Processing
Une petite liste de lien pour l'atelier :
tutorial p3d
documentation camera
Explication :
// Rotate a rectangle around the y-axis and x-axis
void setup() {
size(400, 400, P3D); // ne pas oublier le 3eme argument pour avoir un environnement 3D
fill(204);
}
void draw() {
background(0);
translate(width / 2, height / 2, -width/2);
rotateY(map(mouseX, 0, width, -PI, PI));
rotateX(map(-mouseY, 0, height, -PI, PI));
noStroke();
fill(204…text/html2016-09-11T11:14:23+00:00Anonymous (anonymous@undisclosed.example.com)wiki:ateliers:processing:4
https://wiki.fablab.sorbonne-universite.fr/wiki/doku.php?id=wiki:ateliers:processing:4&rev=1473592463&do=diff
Pour cet atelier nous nous attaquons au réseau.
On repart d'un « Pong » mais en vertical \o/.
import processing.net.*;
Client c;
int lBar, hBar, ballSize;
int x1, y1, x2, y2, x3, y3;
void setup() {
size(400, 600);
ballSize = 15;
lBar = 100;
hBar = 20;
c = new Client(this, "127.0.0.1", 4321);
}
void draw() {
background(0);
sendPosition();
receivePosition();
drawBar();
drawBall();
x2 = mouseX;
}
void drawBar() {
rect(min(max(x1 - (lBar/2), 0), (width - lBar)), he…