Run 2000 : Différence entre versions

Version du 16 avril 2018 à 23:06

Concept

Devenez le réalisateur, vos mouvements et actions sont visibles à l'écran.

Au cours d'un atelier de quatre jours à Plateform C, nous avons créé un modificateur de vidéo tangible. Il fonctionne avec trois capteurs différents pour créer toutes les modifications. Grâce à un capteur de distance, l'utilisateur peut ralentir ou accélérer la vidéo en déplaçant le cube de gauche à droite. Le capteur de luminosité peut saturer l'image lorsqu'on approche une source de lumière. Lorsque vous touchez plus ou moins fortement le capteur de pression, un blur apparaît sur la vidéo. Enfin, dernière interaction, il y a deux fentes sur une face du cube dans lequel l'utilisateur peut passer une lame pour couper horizontalement ou verticalement la vidéo. Dans cette expérience, c'est l'humain qui interagit directement avec son corps et ses mouvements.

Le cube

Le cube a été construit avec des plaques PMMA pour la transparence, nous voulions que la carte photon et les fils soient visibles à l'intérieur. Les six faces du cube sont maintenues entre elles avec du scotch argenté, en accord avec notre thème les années 2000. Nous avons réalisé le logo et les pictogrammes à la découpeuse vinyle.

Le cube modifie une vidéo retransmise sur un vieil écran d'ordinateur cathodique.

• 

  Construction du cube

• 

  Intérieur du cube

• 

  Cube finalisé

Programmation du cube

Code Processing :

-Mise en aléatoire des vidéos

int dernier; int encours; int num_movies = 8; import processing.video.*; import processing.sound.*; import http.requests.*; SoundFile file;

Movie m1, m2, m3; Movie[] movies = new Movie[num_movies]; Movie currentMovie;

int time =0;

void setup() {

 //On met la fenetre à la taille de l'écran
 size(displayWidth, displayHeight);
 //On importe le fichier
 file = new SoundFile(this, "Moderat.wav");
 file.loop();
 //On met la musique en boucle
 
 for (int i = 0; i < movies.length; i++) {
   movies[i] = new Movie(this, nf(i, 2, 0)+".mov");
 //On installe une sélection aléatoire des vidéos (qui vont de 00.mov à 07.mov)
 }
 encours = 0;
 dernier = encours;
 currentMovie = movies[encours];
 currentMovie.play();

}

void draw() {

 if (millis() >= time + currentMovie.duration()*1000) {
   dernier = encours;
   encours = nouveau(dernier);
   currentMovie.stop();
   time = millis();
   currentMovie = movies[encours];
 }
 //La vidéo qui se lance sera toujours différente de la précédente mais ne se lancera que lorque que la précedente sera finie
   currentMovie.play();
 image(currentMovie, 0, 0, width, height);
       

}

int nouveau(int dernier) {

 boolean ok = false;
 int r = dernier;
 while (!ok) {
   r = int(random(num_movies));
   println(r);
   if (r != dernier) {
     ok = true;
     dernier = r;
   }
 }
 println("-");
 return r;

}

void movieEvent(Movie m) {

 m.read();
//On lit la vidéo

}

-Inversion des couleurs pour le capteur lumière

void draw(){ if (lightValue < 4090) {

   filter(INVERT);
 }

}

-Split screen

-Glitch

void draw() {

image(m, 0, 0, width, height); // On affiche la vidéo 

//si la pression est faible le glitch est minime
if (pression < 1500){
glitch();
}

 //si la pression est forte le glitch est intense
if (pression >=1500){
glitch();
glitch();
glitch();
glitch();
glitch();
glitch();
}

 // 10 bandes horizontales étirées en largeur
 for (int i = 0; i < 10; i++) { 
   // copy(m, 0, 150+i*10, width, 5, 0, 150+i*10, int(width*1.1), 5);
 }

}

void movieEvent(Movie m) {

 m.read();

}

void glitch(){

  a = int(random(width)); //valeurs random
  b = int(random(height)); 
  c = int(random(width));
  d = int(random(height));
  
 // On copie m à 140 en x et 260 en y, sur 600 px en x et 50 px en y,
 // puis on on affiche cette copie à 140 en x et 260 en y (au même endroit donc)
 // mais cette fois la taille affiché sera 600 en x (comme avant) et 150 en y (3 fois plus haut)
copy(m, 200, 260, 600, 50, a, b, c, d); //carré en random

 noStroke(); // pas de contours
 fill(random(255), random(255), random(255), 35); // random color
 rect(a, b, c, d); // rectangle transparent dessus
 

}

Code Photon:

L'installation finale