• Porteur(s) du projet : Mathilde Sancere
• Date : 14/05/2018
• Licence : libre !
• Contexte : Cours de Processing avec Damien Muti

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é.

Processing, librairies à télécharger Librairie ControlP5

compléments : dossier data

/*

  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
}