Taller Video en Processing

El trabajo correspondiente a la clase de hoy lo pueden entregar hasta antes de las 11:59PM del miércoles 11 de Diciembre, los requerimientos son los siguientes:

• Diseñar una interfaz que reproduzca dos videos cortos (10 Segundos máximo). 
• Los videos deben tener un tamaño máximo de 320x240 pixeles (tamaño del archivo nativo no el asignado en Processing).
• Diseñar los botones que van a permitir reproducir los videos, pueden ser imágenes o gráficos vectoriales generados en Processing y deben activarse dando clic al mouse.
• Deben enviar el trabajo a mi correo electrónico santiago.rubio@ucaldas.edu.co, recuerden enviar todos los archivos usados comprimiendo la carpeta del proyecto.
• Trabajo Individual marcado como se ha indicado en clase.

* No tienen que usar el código para poner texto pero si lo hacen sería un esfuerzo adicional que se valorará en la calificación.

* Recuerden para la parte de los botones usar el código del ejercicio pasado.
* Cualquier duda pueden escribir a mi correo o publicar un comentario en el blog.

El código base con el que deben trabajar lo pueden descargar del siguiente enlace, o lo pueden copiar directamente del blog (también está el video necesario para que el sketch funcione adecuadamente):
https://drive.google.com/file/d/0Bwrx3tKT8u-QUzJkQnIxYVJCb0E/edit?usp=sharing

/*
Este sketch ha sido realizado con base el ejemplo básico de Loop,
el cual se puede encontrar en los ejemplos de la Librería de Video
de Processing
(http://processing.org/reference/libraries/video/index.html).
 
En este sketch se enseña como cargar un video, posteriormente se
coloca de fondo y se reproduce en loop; el video debe estar en
formato QuickTime y ubicarse en la carpeta “data” del sketch.

También se muestra brevemente como utilizar una tipografía y cómo
mirar el catálogo de fuentes disponibles por medio de la consola
(línea de código comentada).  Finalmente se muestra un texto en el
render final. A este ultimo se le han configurado varias opciones
como la alineación y el tamaño del cuadro de texto.

El archivo “EGVJLoop_46.mov” es una creación de Santiago Rubio López
(http://santiagorulo.com/) y está licenciado bajo Creative Commons 2.5
al igual que todo el material asociado a este sketch.
*/

import processing.video.*; //carga la librería que permite trabajar con video
Movie video1; //Crea un objeto que permite almacenar los datos del video
PFont fuente1; //Crea un objeto que permite cargar una fuente

void setup() {
  size(640, 360); //Tamaño del sketch
  background(50); //Color de fondo. Si el video no carga se ve el color asignado
  
  // Carga y reproduce el video en loop
  video1 = new Movie(this, "EGVJLoop_46.mov");
  video1.loop();
  
  // muestra la lista de fuentes en la consola
  //println(PFont.list()); 
  
  // asigna la fuente al objeto creado inicialmente
  fuente1 = createFont("Rockwell", 24); 
  
  //Indica que la fuente almacenada en el objeto fuente 1 se va a utilizar
  textFont(fuente1); 
}

//Esta función permite cargar el video adecuadamente
void movieEvent(Movie m) {
  m.read();
}

void draw() {
    //Ubica el video en la posición 0,0 y le indica el tamaño para que no se deforme
    image(video1, 0, 0, 640, 480);
    
    //textAlign permite manejar la alineación del texto
    textAlign(CENTER, CENTER);
    
    /*Muestra un texto deseado en el render. El texto debe estar entre comillas " "
    los números al final de esta función controlan la posición en X y en Y la el
    tamaño de la caja de texto (ancho y alto) respectivamente */
    text(
    ".::Sonido e Interacción::. ^Tutorial Santiago Rubio López^",
    140,120,360,100); 
}