Diferencia entre revisiones de «Imagen Escrita 2019»
Línea 326: | Línea 326: | ||
*'''[https://editor.p5js.org/gabimarinnn/sketches/T4dSRkJDQ Ejemplo 1]''' | *'''[https://editor.p5js.org/gabimarinnn/sketches/T4dSRkJDQ Ejemplo 1]''' | ||
*'''[https://editor.p5js.org/gabimarinnn/sketches/S6SeAuHbu Ejemplo 2]''' | *'''[https://editor.p5js.org/gabimarinnn/sketches/S6SeAuHbu Ejemplo 2]''' | ||
*'''[https://editor.p5js.org/gabimarinnn/sketches/ | *'''[https://editor.p5js.org/gabimarinnn/sketches/pfGV6Nvin For 2D]''' | ||
*'''[https://editor.p5js.org/gabimarinnn/sketches/7vLVGqayT For 3D]''' | *'''[https://editor.p5js.org/gabimarinnn/sketches/7vLVGqayT For 3D]''' | ||
*'''[https://editor.p5js.org/gabimarinnn/sketches/D4fi5wGre Espiral]''' | *'''[https://editor.p5js.org/gabimarinnn/sketches/D4fi5wGre Espiral]''' |
Revisión del 17:38 11 dic 2019
Asignatura(s) | Imagen Escrita |
---|---|
Año | 2019 |
Tipo de Curso | Ramo Lectivo |
Profesores | Herbert Spencer |
Estudiantes | Franco Castañeda Becerra, Alondra Zamorano, Valentina Blanco, Lia Brown Campos, Josefa Zamora, Pablo Chicano, Daniel Rojas, Joaquin Mansilla, Constanza García-Conde, Francisca Alvarez Escobar, Paula Retamal Ardiles, Yesenia Ponce, Renata Espina, Natalia Soto Vásquez, Gabriela Marín, Fauve Bellenger, Valentina Oyarzún, Itay Rojas, Esperanza Araya, Carolina Olguín, Matilde Croxatto Ullrich, Macarena Alonso, María José Lineros, Nicolas Dragas, Camilo Salamanca, Antonia Jeldes, Camila J. Guerra, Valentina Tapia, Victor Della Chiara, Catalina Riveros, Soledad Araya Urrutia, Valentina Acuña Loyola, Romina Flores M. |
Palabras Clave | p5js, programación creativa, gráfica digital |
Carreras Relacionadas | Diseño |
Estudiantes
Nota introductoria
En este curso trabajaremos con la herramienta P5js, que es la biblioteca javascript de Processing. Les recomiendo leer la documentación y familiarizarse con los conceptos. Para los trabajos en clases utilizaremos el editor online que no requiere ser instalado ya que trabaja desde el browser.
En este curso se revisarán conceptos básicos de HTML y CSS además de Git. Para publicar trabajos y tareas emplearemos Github, por favor saca una cuenta. Te recomiendo documentarte un poco y descargar la herramienta de escritorio Git.
Trabajos
Herbert Spencer
- Usuario de github: hspencer
- primer ejemplo de Herbert
- identidad circular
- función propia
- Recursión
- Star
- for loop 2d
- for loop 3d +sliders!
- función módulo
- Triángulo de Serpinski
- 50 puntos conectados (haga click)
- Comparación cuadrada
- Wanderer Mesh
- Trazo pintor
- Caceroleo: ejemplo de imagen y sonido
- Dibujo de una curva: la división por cero, o por qué es 'indeterminado'
- Visualización de datos: manejo del objeto Table
Pablo Chicano
- Usuario de github: Pablochicano
- Primer Ejemplo
- Función Recursiva
- Función Recursiva Rotación
- Rotación Plano
- Carga de Imágen
- Texturas
- Funciones anidadas
- Seno Wave
- Espiral
- Sol Lewitt líneas
- Sol Lewitt puntos (falta conectar puntos)
- Estampas 1 (juego gato)
- Estampas 2
- Trazo imagen
Randomness
Daniel Rojas
Alondra Zamorano G
Francisca Alvarez
Antonia Jeldes
- Usuario de github: antopecosa
- ejemplo 1
- recursión
- for loop
- for loop 2d con slider
- espiral +slider
- estampar figuras
Matilde Croxatto
Josefa Zamora
- Usuario de Github: jozamoram
- Exploración de dibujo
- [1]
- Blendmode
- Carga de imagen
- Recursión
- For loop 2D
- Stamp simple
Franco Castañeda
Valentina Blanco
- Usuario de github: vblanco
- Exploración de Dibujo
- Exploración de Dibujo.2
- Exploración de Dibujo.3
Nicolás Dragaš
- Usuario de github: nkodragas
- Ejercicio 1 : Recta en Espiral
- Ejercicio 2 : Circulo
- For Loop 2D Modificado : Link
- Ejercicio 3 : Circulos Cambiantes con For
- Espiral : Espiral de Triángulos
- Espiral B : Espiral B
- Sol Lewitt: Drawing #370
- Sol Lewitt 2: Drawing #118
- Live Box: Box
- Stamp: Diablo
- Glitch de triagulos Here
- Drawing #370 Original: Enlace
- DeOldify (Random):here
Itay Rojas
Natalia Soto
- Usuario de GitHub: NataliaSoto19
- Primer ejemplo (Dibujo)
- Fiesta de pajaritos(For loop 2D)
- Colores en espiral(Espiral)
- Recursión
- Trazo pintor
- 1000 Líneas
- Estampa
Random
Yesenia Ponce
- Usuario de Github: Yponce01
- Primer Ejemplo
- Recursión
Camilo Salamanca
Macarena Alonso
Valentina Tapia
- Usuario de Github: Valentina Tapia Malbran
- Ejemplo: Sol Recursivo
- Ejemplo1: Espiral
- Ejemplo2: Espiral
- Ejemplo1: For loop 2d
María José Lineros
Gabriela Marín
- Usuario de github: gabimarinnn
- Ejemplo 1
- Ejemplo 2
- For 2D
- For 3D
- Espiral
- Trozo Pintor
- Estampa
Valentina Oyarzún
Soledad Araya Urrutia
Carolina Olguin
- Usuario de github: carolinaolguin
- intento 1
- Recursión
- espiralno
- loop 2D
- Sol Lewitt Negativo
- Pokemon Stamp
- Trazo Pintor
Catalina Riveros
- Usuario de github: catalinariverost
- Ejemplo 1
- Ejemplo 2
- Recursión
- For loop 2d
- Espiral
Victor Della Chiara
- Usuario de github: victordella
- modificacion loop Link
- problema Link
Constanza García-Conde
Esperanza Araya
- Usuario de Github: espefant
- recursion
- espiral
- triángulo de Serpinski
- loop
- estampas (ayuda)
Random
Renata Espina
- Usuario de Github: Renataespina
Fauve Bellenger
- Usuario de github: FBellengerV
- intento I
- intento II: rayos angulares
- intento III: esfera bicolor
- Espiral
Joaquin Mansilla
Valentina Acuña
- Usuario de GitHub: Valentina505
- intento 1
- intento 2 carretera
- intento 3 tame
Referencias
- Imagen Escrita 2019, página del ramo en Github.
- Git
- The Coding Train
- Bees & Bombs
- Curso online gratuito de "The Nature of Code"
- Generative Gestaltung
- Silumador Óptico
- Semi-conductor
Proposición para el cierre de la Asignatura
Dentro del contexto de crisis social que vive el país y ante la incertidumbre que la situación nacional desencadena al interior de nuestra escuela, veo la necesidad de precisar con claridad ante los Uds una vía posible para dar cumplimiento a las exigencias académicas de este curso.
Dentro de las experiencias y ejemplos revisados en clases, cada uno de Uds. debiese tener los siguientes trabajos:
- Exploración inicial de dibujo
- Experimentación de recursividad
- Ejemplo de un ciclo for bidimensional (2D)
- Ejemplo de un ciclo for tridimensional (3D)
- Una interpretación gráfica de una obra de Sol Lewitt:
- 10000 líneas rectas de 20 pixeles de largo dispuestas aleatoriamente en la tela.
- una obra a elección
- Una exploración gráfica de dibujo espiral
- Un trabajo interactivo que llamamos "timbre de goma" (estampar imagen al hacer click)
- Un filtro de imagen: ejemplo del pintor impresionista
Al momento de suspender las actividades académicas nos encontrábamos:
- Realizando la publicación de los trabajos en Github
- Definiendo un proyecto personal libre
En este contexto, se proponen 3 alternativas para una entrega final en distintos niveles:
- Nivel satisfactorio: Publicación en esta página de (al menos) los primeros 10 trabajos descritos en la primera lista
- Nivel deseable: Publicación de estos trabajos en una página de Github
- Nivel sobresaliente: Publicación de estos trabajos en una página de Github que incorpora un proyecto final libre
Los criterios de evaluación son los siguientes:
- Constancia y cumplimiento de los encargos periódicos;
- Creatividad entendida en este curso como la capacidad de conjeturar y explorar yendo más allá de la literalidad de cada ejemplo.
- Al no existir resultados correctos o falsos (como valor mensurable), nos remitiremos a sus dimensiones cualitativas; ya sean en términos escriturales-estructurales (elegancia) o expresivo-plásticos (formales-idiosincráticos);
- Ciudadanía entendida como el sentido de colaboración y reciprocidad con el taller, manifestándose en disponibilidad y capacidad de entregar conocimientos y compartir código, reconociendo y citando las fuentes según sea el caso.
Instrucciones para la creación de una página en Github
- crear un repositorio vacío (que, para los efectos del ejemplo llamaremos 'www')
- crear una rama (branch) denominada 'gh-pages' (nombrar una rama de esta forma especial crea un servidor web en la dirección: http//username.github.io/www (donde 'username' es el nombre de usuario individual y 'www' el nombre del repositorio)
- descargar los trabajos desde http://editor.p5js.org y descomprimirlos en la carpeta local del repositorio
- crear un archivo de índice (index.html) que vincula a los respectivos índices de los trabajos, guardados cada uno en su carpeta.
Existe el un ejemplo para su revisión y descarga: http://hspencer.github.io/IE-2019