top of page
Fran Pineda`s Blog
DISEÑO Y CONSTRUCCIÓN DE INTERFACES
Unidad 1:
interfaces de audio
Juego Scratch
la actividad consistió en realizar un juego en la plataforma scratch, este juego debía contener un inicio, un desarrollo y un final.
Podemos observar que la forma de programar en scratch es mediante el encaje de distintas pilas, cada personaje y botón tiene su propia hoja de código. Se podría decir que scratch es una plataforma mas interactiva y llamativa al momento de empezar a programar y/o crear juegos.
Ejercico Max &
Pure Data
el objetivo de este ejercicio era crear un piano, el cual funcionaría utilizando las teclas del computador, sabiendo que cada tecla tiene un número definido, que se sabe mediante "key", y que cada nota musical tiene un número entero (frecuencia) definido. El ejercicio consistió en repetir los pasos hechos en PD durante la clase, pero en la plataforma de max.
.png)
Videos idea de proyecto
Ejercicio
Vocaliza
Este ejercicio consistió en realizar una iteración del ejercicio vocaliza. en este caso, se piden las vocales, según el animal que esté sonando. El juego debía tener una introducción, instrucciones, desarrollo y cierre.
Al jugarlo se puede oír como el juego pide que se responda con la letra del animal que se acaba de escuchar, al acertar la letra responderá con un "bien" y al ser errónea ésta, responderá con un "mal" y el juego se seguirá repitiendo.
1/6
(para ver imágenes más grandes, haga click en ellas)
Observación: Lo más difícil en este ejercicio, fue realizar el ejercicio en max y darse cuenta que hay objetos con nombres distintos, lo que hizo más difícil de entender la forma en que se debía componer el juego para que funcionase.
Ejercicio
osc
MAX
syntien
MAX
1/2
(para ver imágenes completas, haga click en ellas)
Aquí se puede ver, como mediante la aplicación syntien, se permite comunicar señales emitidas desde el celular y que son recibidas por max. para lograr la comunicación osc, fue necesario asignar un port tanto en syntien como en max y hacer calzar la ip adress de syntien con la de la computadora, para que así max captara las señales emitidas mediante los botones y sliders hechos en la plataforma syntien.
el ejercicio consistió en crear un piano que fuera manejado desde el celular con los botones do re mi fa sol la si, y que al ser captados por max sonara la nota musical.
Ejercicio
TUIO
.png)
Material utilizado
.png)
.png)
.png)
.png)
este ejercicio de comunicación tuio consistió en poder generar ruidos en max, al este recibir señales de las fiduciales de tuio.
al mostrar estas imágenes a la cámara y ser captadas por reactivision, se generaba una señal en max, la cual fue usada para asignar un ruido distinto a cada imagen de tuio mostrada.
Unidad 2:
interfaces gráficas
OSC MAX & touchdesigner
El trabajo consistía en conectar MAX y touchdesigner mediante el protocolo osc. la idea constaba en crear un piano en max el cual moviera las flores dentro de touchdesigner.
API - info contenida en json
El proyecto se basó en conectar touchdesigner a un API. En este caso se conectó al API de la nasa que da la información acerca de la imagen astronómica del día.
por lo que cada día, al actualizar el api, se cambiará la fecha, el nombre de la imágen y el link de ésta.
Además con una canción se produce el leve movimiento de la esfera.
Introducción a P5.js (Processing para web)
El proyecto está compuesto por instancias interactivas como los cinco botones y el círculo que sigue al mouse.
La idea es hacer click en los botones que cambiarán de lugar al realizar la acción, en el fondo aparecerá una palabra del trabalenguas "Tres tristes tigres triscan trigo", de forma aleatoria.
Visualización de datos en P5.js (Processing para web)
Este proyecto consistió en utilizar datos de un archivo json para visualizarlo en processing.
Para esto, se seleccionaron tres pájaros y para cada uno un member de su familia. ésta información saldrá al apretar los botones inferiores con los nombres de los pájaros. Además aparecerá una imagen de la especie clickeada
Unity 2D
el trabajo consistió en crear un juego 2d en unity con un personaje cuyas acciones fueran dadas por el código que sale en el video.
Para este, fueron descargados png y un sprite para diseñar la interfaz.
El personaje puede interactuar con el escenario 2d gracias a los box Collider y Rigidbody agregados tanto en el personaje como en su entorno.
Unity 3D
Esta tarea consistió en crear un espacio 3d animado en el cual vemos a un personaje animado, el cual es enfocado por la cámara durante el timelapse.
bottom of page