Kathia Cofré: Imagen Escrita 2020

De Casiopea
Pulpito de cruces


TítuloPulpito de cruces
Período2020-2020
AsignaturaImagen Escrita
Del CursoImagen Escrita 2020
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Kathia Cofre
ProfesorHerbert Spencer
URLhttps://kath-kaiser.github.io/Portafolio Kath-2020/

Proyecto 1: Portafolio

Totoro

Logré a través de las figuras geométricas, como ellipse, triangle, entre otras, formar una figura reconocible y de cultura popular.

Snoopy!

Lograr generar esta magnitud de tamaño con variables las cuales la coordenadas "x" de las nubes logrando que respectivamente aumentaran o disminuyeran en 1, distanciándose, esto mismo con el sol el cual se cambio las coordenadas de ancho y largo en más 5 para que aumentara el tamaño total.


Rainbow

Guiada por la demostración del profesor, sobre hacer repeticiones de un elemento, opte por elegír otra gana de color, además de a través de la investigación poner una variable inc y un map.


Pulpi!

A través de cruces, el posicionamiento y la rotación se creo una especie de rombo deforme, que se puede modificar para hacerlo más grotesco.

Flor de Mándala

Una espiral que esta formada por arcos los cuales generan diferentes formas de flores, espirales, entre otros a través de la rotación, el cambio de tamaño, cambio de color, etc. los cuales son manipulables por slider.



Fire

Se implemento el algoritmo de Vogel dando a lugar a dos conjuntos de espirales que giran en sentidos contrarios, la cantidad de espirales que contiene, es siempre un número de la secuencia de Fibonacci. Los sliders permiten cambiar algunos elementos de la figura y además se uso de la librería DOM, que permite el uso de elementos de interacción.



Efecto óptico

Las líneas son paralelas, aunque no lo parezca por la disposición de los cuadros y por el contraste entre el blanco-negro y la distinción de la linea que crea un contraste y un enfoque en la mirada. Al tratar de realizar este efecto óptico encontré que era de una obra de Richard Gregory, que le puso su nombre al verla en la pared de una cafetería de Bristol. Para este efecto se utilizo la recursión, pero con variables las cuales cambiaban el eje x e y para aumentar la cantidad en consideración al doble, además de incorporar el mouse x para su desplazamiento.



Propuesta para los 50 años

La propuesta trata sobre las travesías y como las estrellas iluminan el camino, de manera que al deslizar el mouse se van juntando para formar la frase de celebración, se utilizo las herramientas de texto, jugando con la dispersión y lo random.



Proyecto Final: Lucky pig

La idea principal surgió de los distintos juegos como es el mini juego de pou, en donde este tiene que comer los alimentos como un pizza y no los objetos como un zapato, entonces este se desplazaba hacia los lados y buscaba los obstáculos "buenos" y se alejaba de los "obstáculos" malos. Es así como tome esta base y la simplifique para hacer que un objeto en este caso la pelota roja tenga que obtener la pelo azul para ganar puntos, después lo pude vincular con imágenes que se relacionaran entre sí.

Imagen escrita kathia cofre, boceto 1.png


Imagen escrita kathia cofre, boceto.png












De esta manera se desarrollo más la idea, incorporandole una puntuación, al momento de que la pelota azul tocara a la roja, una pantalla final para poder decirle al jugador que perdió y que no quede a la espera y las imágenes para que fuera algo más característico y llamativo, con todo esto logramos obtener la propuesta final.


Kathia Cofré-Lamina progra 1.png
Kathia Cofré G-Lamina progra 2.png

Avance 1

Avance 2

Referencia

https://p5js.org/es/reference/#/p5/keyIsPressed

https://p5js.org/es/reference/#/p5/keyCode

https://p5js.org/es/reference/#/p5/randomGaussian

https://p5js.org/es/reference/#/p5/constrain

https://p5js.org/es/reference/#/p5/loadImage

https://p5js.org/es/reference/#/p5/keyReleased

https://es.khanacademy.org/computing/computer-programming/programming-games-visualizations

https://www.youtube.com/watch?v=L_pY3x5wSLM&index=13&list=PL27ngtNXQsGkOruzCZZFyoKL2hLCo_Z_f

https://www.youtube.com/watch?v=5D8pOx4n7bs&list=PL27ngtNXQsGkOruzCZZFyoKL2hLCo_Z_f

https://www.youtube.com/watch?v=l0HoJHc-63Q