L'éloge de la laideur

Porteur(s) du projet : Mathilde Sancere

Date : 14/05/2018

Licence : libre !

Contexte : Cours de Processing avec Damien Muti

INTENTIONS

J'ai souhaité créer un programme en rapport avec mon futur mémoire “l'éloge de la laideur ” en travaillant la typographie que j'ai réalisé par mes soins en lien avec la laideur. J'ai souhaité travailler sur le sport populaire : le tuning. Ce programme permet grâce à un bouton de faire pencher le texte en italique.

On peut imaginer pour la suite grâce à arduino que le bouton devient un capteur de vitesse. Plus la vitesse est élevée, plus la typographie est penché.

ÉLÉMENTS NÉCESSAIRES

Processing, librairies à télécharger Librairie ControlP5

compléments : dossier data

PROGRAMME

/*
Mathilde Sancere
Premier test pour un programme control p5
*/
import controlP5.*; // Importer la librairie controlP5 interfaces graphiques
ControlP5 controlP5; // Déclarer la variable controlP5
color c; // Déclarer la variable color
PImage[] im; // Déclarer la variable image
// Attributs des boutons control P5
int myColorBackground = color(0,0,0); // Couleur de fond de base
int knobValue = 100; // Valeur du bouton knob
Knob myKnobA; // Déclarer l'objet Knob
int N =20; // nombre d'images
// Initialisation des paramètres d'affichages
void setup() {
size(640,480); // Taille de la fenêtre d'affichage
smooth(); // Lissage
noStroke(); // Pas de contour
controlP5 = new ControlP5(this); // Création d'une nouvelle interface Control P5
//création du tableau d'images
im = new PImage[N];
// chargement de toutes les images
for(int i=1; i<=20;i++){
String nomImage = "tuning"+i+".jpg";
im[i-1] = loadImage(nomImage);
}
//controlP5.addKnob("knob",0, 360, 0, 10,10,50); // création d'un bouton pitch
// Constructeur de Paramétrage du premier Bouton Knob
myKnobA = controlP5.addKnob("knobValue")
.setRange(0,19) // Détermination du segment de valeur compris entre 0 et 255
.setValue(0) // Détermination de la valeur initiale à l'affichage
.setPosition(500,20) // Position du bouton dans la fenêtre d'affichage
.setRadius(60) // Diamètre du bouton
.setDragDirection(Knob.VERTICAL) // Détermination du mouvement bouton à la verticale
;
}
void draw(){
image(im[knobValue],0,0,640,480); //afficher l'image
//pour ça, on utilise image(), et l'on met en paramètres la variable dans laquelle est stockée l'image,
//et ensuite sa position
}