Diferencia entre revisiones de «PAG1 html»

De Casiopea
Línea 62: Línea 62:


{{#Widget:P5js
{{#Widget:P5js
| url = https://editor.p5js.org/brunovidalm/present/Zmsugttwz
| url = <iframe src="https://editor.p5js.org/brunovidalm/embed/Zmsugttwz"></iframe>
| width = 100%
| width = 100%
| height = 510
| height = 510

Revisión del 08:09 27 nov 2020

proyecto bruno


Títuloproyecto bruno
Tipo de ProyectoProyecto de Curso
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.
Alumno(s)Bruno Vidal Mirauda
ProfesorHerbert Spencer
URLhttp://brunovidalm.github.io/pag1

github

https://github.com/brunovidalm/pag1

1. Mi pagina

http://brunovidalm.github.io/pag1

Captura de Pantalla 2020-09-25 a la(s) 13.15.16.png Captura de Pantalla 2020-08-28 a la(s) 12.45.49.png Captura de Pantalla 2020-09-25 a la(s) 13.15.41.png Captura de Pantalla 2020-09-25 a la(s) 13.15.51.png

2. Retrato

Caricatura hecha a base de círculos y rectángulos.Es una exageración de las facciones del cuerpo en donde fui sobreponiendo una figura sobre otra cambiándolas de posición y tamaño, para asemejar a la textura real de la piel humana...

3. Animación

Basado en el trabajo de María Eliza Mondaca Marin, formo una planicie movible, cambiante de color y con trazos celestes dandole una geometría a este.

4. Espiral

A partir de dos lineas aparentemente juntas, comienza a surgir este espiral donde muchas lineas que se duplicaron son paralelas e interceptan de vez en cuando.

5.for

A partir de un box(50, 50, 50, x, y) utilice for para repetirlo y que de giros constantes. No pude controlar la velocidad.

6. Recursividad

Utilizando for y recursividad, a partir de puntos repito estos para formar este cuadrado.Tiene como fundamento el habitar de la pandemia,en donde la separacion entre personas toma protagonismo durante todo este año. Ademas del igualdad de posibilidades de las que nos hemos dado cuenta este año, la posibilidad de expresarse es mas grande de la que creiamos. Esto representado por puntos, todos iguales.

7. Atracción

Hecho en base a el video youtu.be/OAcXnzRNiCY en donde utilizo particle.js para la creación de partículas. Una serie infinita de partículas que va surgiendo, es chupada por partículas que uno pone en el sketch, así sucesivamente. Surge la idea de como avanzamos en el mundo y somos consumidos por otras partículas, o quizás nosotros consumimos a otras partículas, siendo humanos cada una de ellas...


PROYECTO

maqueta

Mesa de trabajo 1 - colores.jpg Mesa de trabajo explicación1 - colores.jpg

PRINCIPALES

PRINCIPALES.png

Principales es una herramienta que facilita la comprensión de la composición de los colores en una imagen digital. Busca que el estudiante elabore una obra abstracta en base a los colores principales del área seleccionada y el color principal de la imagen.

Se creó un canvas en el centro de un sitio web vacío. Después se cargó la imagen con la ayuda de javascript y la biblioteca de jQuery. 

Se realizó una función que analiza uno por uno cada pixel de la imagen subida con su RGB(). Para calcular un promedio. Para finalmente retornar un solo color en RGB(), mostrándolo en pantalla.

También existe la posibilidad de analizar un sector en especifico de la imagen, Haciendo un análisis del color predominante en los 100px más cercanos de donde se haya presionado. Devolviendo un solo color en RGB().

Video presentación Principales

https://vimeo.com/481726826