Solange Osorio: IE 2021

Título	Imagen Escrita : IE 2021
Tipo de Proyecto	Proyecto de Curso
Período	2021-2021
Asignatura	Imagen Escrita
Del Curso	Imagen Escrita 2021
Carreras	Diseñ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)	Solange Osorio
URL	https://SolangeOsorio.github.io/IE/

introducción

9 de agosto

Experimento

Clase 2

16 de agosto

Ejercicios parecidos a las obras de Sol Lewitt

Ejercicio 1

Ejercicio 2

Clase 3

30 de agosto

Ejercicio 1
Circulo con slider, puesto en practica con lo aprendido.

• Solange, aquí para que te funcione el slider de abajo debes editar esto:

function randBg() {
bg Color = ('red');
el nombre del color va entre ' '

Ejercicio 2
Triangulo de Serpinski, practicado con lo aprendido en clases.

Clase 5

06 de Septiembre

Se crea un intento de "ala" a partir de lo aprendido y tomando como ejemplo la función recursiva
Al mover el mouse de arriba abajo se logra un poco mejor el efecto.

Ejercicio hecho junto con el profesor en clases

Clase 6

13 de Septiembre

Toque el circulo con el mouse

Clase 7

20 de Septiembre

Ejercicio 1
Ejercicio hecho en clases junto con el profesor ocupando la herramienta "noise"

Referencias

Se estudia avace de las referencias de un canal en la plataforma de YouTube llamado "The Coding Train"

https://www.youtube.com/watch?v=ikwNrFvnL3g

https://www.youtube.com/watch?v=D1BBj2VaBl4

https://www.youtube.com/watch?v=Lv9gyZZJPE0

Clase 8

27 de Septiembre

Ejercicios de practica

Clase 9

04 de octubre

Referencias: Para el timbre https://editor.p5js.org/hspencer/sketches/OoNMkiiBT

Para la forma https://editor.p5js.org/Vickypedia/sketches/-7EZFyLHc

Toque con el mouse

Idea de Proyecto

18 de octubre

Para la propuesta inicial del proyecto se tomara como referencia e inspiración la portada grafica de el álbum "system of a down" del grupo system of a down. Definiéndose la primera forma.

Aunque no se basara solamente en este dibujo, si no, también, de lo que uno puede ser capaz de construir en el programa p5js con tan solo circulos. Quiero partir definiendo bien la forma y dibujarla (Con el lenguaje de codigos aprendidos durante las clases) de una manera mas exacta para posteriormente poder definir sus respectivos movimientos en el Angulo que definiré a medida que avance el proyecto.

Referencia y primera definición de la forma

Original fotografía para portada del album system of a down

Original dibujo por Solange Osorio en p5js

Anotaciones en P5js

Ejemplos

Ejemplos de forma.

https://www.youtube.com/watch?v=SARyudS9F4M

https://editor.p5js.org/kchung/sketches/rkN6T3drQ

Proyecto Final

16 de Noviembre

La idea principal era poder convertir los circulos en la imagen puesta en la primera idea, pero a medida que se avance en el proyecto, se ve que es mas conveniente trabajar con "puntos". La idea central era poder convertir una imagen en todo lo que hemos aprendido. Por ello mi proyecto se divide en dos partes, una parte personal (Por gusto de entender como funciona el programa) Y otra para mostrar en el taller con lo aprendido, no solo con los profesores si no también por búsqueda propia.

Lo siguientes proyectos se basan en que todo se centra en una imagen base, con ella se pueden mostrar pequeña partículas, estas partículas o puntitos como me gusta llamarlos se ocupan para generar el movimiento junto con los vectores para moverlos a un lado de la imagines (esta se calcula utilizando la parte superior e inferior, luego de descubrir que si lo muevo de manera perpendicular se puede generar un remolino.

Principalmente se logra este efecto con un proyecto de referencia que dejare al final del proyecto.

En esta segunda imagen se toman los códigos para poder recrear una imagen de un artista impresionista, la en el proyecto de arriba era poder lograr que la imagen se moviera como esta. Pero, no pude ser capaz de generar o llegar a esos códigos, así que solo pude tomar lo de esta imagen para recrearlos. La referencias se encontrar abajo de los proyectos.

Enlances y referencias.

[1] [2] [3] [4] [5] [6] [7] [8] [9]

..