Imagen Escrita 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, Paola 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, Nicolás Dragaš, 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 y web de ejemplo
- 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
Paola 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
Página Github Entrega Final
Randomness
Daniel Rojas
- Usuario de GitHub: Danieljrojas
- Ejemplo I
- Primer Ejemplo II
- 10000 Lineas
- Función Recursiva
- Loop 2D
- Loop 3D
- Espiral Doble
- Drawing #370 S.Lewitt
- Colors from Corners S.Lewitt
- Estampado Circular
- Trazo Pintor
- Sincronísmo Clickeatorio
Alondra Zamorano G
Francisca Alvarez
Antonia Jeldes
Matilde Croxatto
- Usuario de github: MatildeCrxtt
- primer intento
- recursivo 1
- ping pong
- paralelepipedo concentrico
- puntero
- Slider iris
- for loop 2D
- estampa 1
- trazo pintor 1
- triangulo en espiral
- sol lewitt líneas
- sol lewitt incompleto
- espiral 2
- espiral no se dibuja3
- intento 4 de espiral
- rotación de cuerda con pelota
- sol lewitt for 2D
Josefa Zamora
- Usuario de Github: jozamoram
Franco Castañeda
Valentina Blanco
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
- Página Web Github: nkodragas.github.io
Itay Rojas
- Usuario de github: Itay Rojas
- Ejercicio uno
- Estrella de la muerte kitsh
- Efecto mar
- Bóveda
- recursion
- recursion random
- for loop 3D
- for loop 2D
- Hoyo de gusano
- Espiral tricolor
- Estampa
- Trazo pintor
- Trazo pintor 2
- Obra Sol Lewitt 10000
- Segunda Obra Sol Lewitt
Pagina Github
Natalia Soto
- Usuario de GitHub: NataliaSoto19
- Primer ejemplo (Dibujo)
- Fiesta de pajaritos(For loop 2D)
- For Loop 3D
- Colores en espiral(Espiral)
- Recursión
- Trazo pintor
- 10000 Líneas
- Arc Bands Sol Lewitt
- Estampa
- Página GitHub
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
Camila J. Guerra
- Usuario de Github: CamilaGuerra
- Ejemplo 1
- Random
María José Lineros
Gabriela Marín
- Usuario de github: gabimarinnn
- Página web de github: [2]
- Exploracion de Dibujo
- Exploracion de Dibujo 2
- Experimentación de Recursividad
- For loop 2D
- For loop 3D
- Sol Lewitt Líneas
- Espiral Intento 1
- Espiral
- Estampa
- Trozo Pintor
Valentina Oyarzún
Lia Brown
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
- For loop 3d
- Sol Lewitt 10mil
- Espiral
- Espiral 2
- Stamp
- Trazo Pintor
Romina Flores
- Usuario de GitHUb: RominaEFM
- Ejemplo 1
- Recursión
- For loop 2D
- For loo 3D
- Modulo
- Espiral
- Stamp
- Trazo Pintor
Victor Della Chiara
Usuario de GitHub: victordella
- Primer intento de dibujo
- Practica
- Modificación Loop
- Recursividad
- Loop 2 Dimesiones
- For Loop 2D
- Anillo For Loop 3D
- Sol Lewitt 10000
- Obra Sol Lewitt
- Espiral 1
- Función Espiral
- Timbre de Goma Palomon
- Filtro de Imagen
-Pagina Web en GitHub: victordella.github.io
Constanza García-Conde
Esperanza Araya
- Usuario de Github: espefant
- recursion
- espiral
- triángulo de Serpinski
- loop
- estampas (ayuda)
- lewitt(?)
- lewitt 10000líneas
Random
Renata Espina
- Usuario de Github: Renataespina
Fauve Bellenger
- Usuario de github: FBellengerV
- intento I
- intento II: rayos angulares
- intento III: esfera bicolor
- Espiral
- For loop 3D
- Sol Lewitt 10000 Lines
- Trazo Pintor: Pierrot Le Fou
Joaquin Mansilla
- Usuario de github: joaquinman
- Exploración de dibujo
- Primer intento
- Segundo intento
- Recursion
- Recursion 2
- For loop bidimensional 2D
- For loop tridimensional 3D
- Sol Lewit y sus mil lineas
- Diseño Sol Lewit intervenido
- Espiral
- Espiral 2
- Estampilla payasos
- Ejemplo pintura con una imagen
Proyecto Final: Página en Github
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