Catalina Manzo: IE 2021

De Casiopea




TítuloCatalina Manzo: Imagen Escrita 2021
Del CursoImagen Escrita 2021
Alumno(s)Catalina Manzo
URLhttps://pazcata.github.io/IE/

Trabajos clase a clase

Clase 1: 09 de agosto.

Clase 1: 09 de agosto

Ejercicio

Link al editor del ejercicio.



Clase 2: 16 de agosto.

Clase 2: 16 de agosto

Ejercicio

Recreación de una de las obras de Sol LeWitt.

Obra escogida: Wall drawing 289

Descripción: Twenty-four lines from the center, twelve lines from the midpoint of each of the sides, twelve lines from each corner. (The length of the lines and their placement are determined by the drafter.) Veinticuatro lineas desde el centro, doce líneas desde los puntos medios de cada lado, doce líneas desde cada esquina.

Obra original: Ubicada en el Museo de Arte Contemporáneo de Massachusetts.

Imagen escrita clase 2 Catalina Manzo.jpg

Resultado

Sketch


Clase 3: 23 de agosto.

Clase 3: 23 de agosto

Ejercicios con Sliders.

Intento 1

Hacer que "aparezca" un arcoiris usando un slider en una elipse.

Link al editor.



Clase 4: 30 de agosto.

Clase 4: 30 de agosto

Figura hecha usando el código del triángulo de Serpinski usado en clases.

Link al editor.


Clase 5: 06 de septiembre.

Clase 5: 06 de septiembre

Creación de una función recursiva.

Link al editor.


Clase 6: 13 de septiembre.

Clase 6: 13 de septiembre

Encargo consiste en crear una cuenta de Github e incluirla a página de tareas.

 https://github.com/PazCata

Clase 7: 20 de septiembre.

Clase 7: 20 de septiembre

Se explora el código presentado en clases con el fin de familiarizarse con la función noise y el uso de boids. Como resultado se obtiene una recreación del fenomeno de soplar las semillas de u diente de león.

Link al editor del ejercicio.



Clase 8: 27 de septiembre.

Clase 8: 27 de septiembre

Utilizando el código presentado en clases como punto de partida, se crea una especie de pizarra, en la que se puede hacer dibujos o trazos que luego quedn animados. Se mantienen la mayoria de los elementos de personalización, por lo que se puede modificar la velocidad, grosor, color, y transparencia del trazo.

Link al editor del ejercicio.



Clase 09: 04 de Octubre.

Clase 9: 04 de Octubre

1° parte: Avance en clases

Avance realizado en clases usando circulos y cuadrados como timbre, para luego reemplazarlos por figuras más complejas.


Link al editor del ejercicio.



Formulación proyecto final.

Formulación proyecto final

Formulacion proyecto - IE - Catalina Manzo.jpg

La idea de proyecto consiste en un pequeño juego, de características visuales simples siendo la base de su diseño el circulo, este construye tanto el mundo del juego como su personaje.

El comportamiento o posición del personaje es definido por el usuario (posición del mouse) y este afecta al mundo, generando pequeños cambios en el comportamiento de otros elementos del paisaje mediante el uso de variables de [1]

En cuanto a la función del juego, si bien su forma circular le permite jugabilidad infinita, también lo convierte en un loop. La intención al momento de pensar en este diseño fue crear un elemento interactivo que permita una distracción debido a su simpleza, intentando lograr la sensación que (personalmente) otorgan las mecánicas de algunos juegos casuales que no necesariamente buscan “ganar”.


Proyecto final.

Proyecto final

Avance: Lunes 08 de noviembre

Versión actual

Link al editor.

Referencias del proyecto

Algunos recursos usados para la creación del proyecto además de las clases del semestre y las referencias de p5js.

  • La librería p5.play de Paolo Pedercini, que contiene herramientas para la creación de juegos en p5js y permite crear facilmente sprites. Junto con los ejemplos de estos hechos por Allison Parrish.
  • El video del canal de Youtube Magic Monk para la creación de la pantalla de incio del juego.
  • El canal de Youtube The Coding Train para resolver algunas dudas en el camino.
  • El código de fuente de la página creada por Catalina Mar para Imagen Escrita el año 2019 como base para la creación de la página web.