Notas Finales

Cronograma y especificaciones de entregas finales

Aclaración: El martes 4 de Febrero no hay clase

Como les expliqué en clase, los porcentajes faltantes para terminar el curso se evaluarán de la siguiente manera:

• Proyecto 1 30%: Entrega del juego planteado en clase. De este trabajo se evaluarán dos partes, la entrega de la semana pasada (Jueves 28 de enero) y la entrega final (trabajo terminado). Les recuerdo que a pesar de que en la clase se ven elementos básicos de programación también se tomará en cuenta el diseño de los productos entregados.
  
  Al juego aparte de los parámetros que se dieron en clase, deben añadirle lo siguiente:
  
  > Utilizar sonidos
  > Utilizar imágenes
  > Deben diseñar la forma de hacer visible cuándo el jugador gana o pierde, no solo utilizando el puntaje en vidas sino también por medio de otra acción, por ejemplo utilizando una imagen, un sonido, video o lo que consideren necesario.
  > Entrega final del proyecto terminado Jueves 13 de Febrero en el C307 Laboratorio Sensor a las 2PM
• Proyecto 2 30%: Parcial final Martes 11 de Febrero a las 2PM en la sala K. Pueden llevar documentos de apoyo como notas de las clases, sus trabajos (no los de otros compañeros). No se permitirá el ingreso de celulares, tablets o similares al parcial. No se podrá usar internet para el desarrollo del parcial.

Notas Hasta el Momento

Código Cargar y Activar Sonido en Processing

Aquí les dejo el código que se realizó en clase para cargar y activar sonidos. Espero que les sirva para recordar lo que se vio la clase pasada.

https://drive.google.com/file/d/0Bwrx3tKT8u-Qa3poOU5EcTFjXzA/edit?usp=sharing

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); 
}

Clase 10 de Diciembre

Hoy 10 de Diciembre no tenemos clase presencial de diseño e interacción, antes de las 2PM les publicaré un taller que deben realizar en casa (o en algún computador que tenga instalado quick time) y enviarlo a mi correo (santiago.rubio@ucaldas.edu.co) antes de las 11:59PM de hoy.

Documental Recomendado

El siguiente video documental habla un poco sobre las temáticas que hemos visto en clase, espero que lo puedan ver.