Diferencia entre revisiones de «Imagen Escrita 2019»

De Casiopea
(No se muestran 21 ediciones intermedias de 5 usuarios)
Línea 167: Línea 167:
# [https://editor.p5js.org/matildecrxtt/sketches/EXMaRfUx6 triangulo en espiral]
# [https://editor.p5js.org/matildecrxtt/sketches/EXMaRfUx6 triangulo en espiral]
# [https://editor.p5js.org/matildecrxtt/sketches/KqbQBw3P5 sol lewitt líneas]
# [https://editor.p5js.org/matildecrxtt/sketches/KqbQBw3P5 sol lewitt líneas]
# [https://editor.p5js.org/matildecrxtt/sketches/UaTxolVXm sol lewitt incompleto]  
# [https://editor.p5js.org/matildecrxtt/sketches/UaTxolVXm sol lewitt incompleto]
# [https://editor.p5js.org/matildecrxtt/sketches/24m20CRab espiral 2]
# [https://editor.p5js.org/matildecrxtt/sketches/Wei3tPGb2 espiral no se dibuja3]
# [https://editor.p5js.org/matildecrxtt/sketches/88ZfOFcS1 intento 4 de espiral]
# [https://editor.p5js.org/matildecrxtt/sketches/rPaI_8G_I rotación de cuerda con pelota]
# [https://editor.p5js.org/matildecrxtt/sketches/HN64cKhYS sol lewitt for 2D]
*[https://codepen.io/p5js/pen/wreBKy RANDOM]
 
* [https://matildecrxtt.github.io/imagen-escrita// Página Web Github]
</div>
</div>
<div class='listado'>
<div class='listado'>
====Josefa Zamora====
====Josefa Zamora====
* Usuario de Github: '''[https://github.com/jozamoram/ jozamoram ]'''
* Usuario de Github: '''[https://github.com/jozamoram/ jozamoram ]'''
Línea 330: Línea 338:
# [https://editor.p5js.org/macarena.alonso/sketches/s2Y8EaBU- Stamp Under the sea]
# [https://editor.p5js.org/macarena.alonso/sketches/s2Y8EaBU- Stamp Under the sea]
# [https://editor.p5js.org/macarena.alonso/sketches/0mOQotubk Filtro DuoColor]
# [https://editor.p5js.org/macarena.alonso/sketches/0mOQotubk Filtro DuoColor]
# '''[https://macarenaalonso.github.io/PortafolioIE2019/ Página Web]'''
# '''[https://macarenaalonso.github.io/PortafolioIE20191// Página Web]'''


</div>
</div>
Línea 469: Línea 477:
Usuario de GitHub: '''[https://github.com/victordella victordella]'''
Usuario de GitHub: '''[https://github.com/victordella victordella]'''
#[https://editor.p5js.org/victorignacio/sketches/Oc0i1fNQU Primer intento de dibujo]
#[https://editor.p5js.org/victorignacio/sketches/Oc0i1fNQU Primer intento de dibujo]
#[https://editor.p5js.org/victorignacio/sketches/Mrqfb_hvh Practica]
#[https://editor.p5js.org/victorignacio/sketches/ty-eBDUbP Modificación Loop]
#[https://editor.p5js.org/victorignacio/sketches/ty-eBDUbP Modificación Loop]
#[]
#[https://editor.p5js.org/victorignacio/sketches/JsaBshFG4 Recursividad]
#[https://editor.p5js.org/victorignacio/sketches/JsaBshFG4 Recursividad]
#[https://editor.p5js.org/victorignacio/sketches/5c2E2mItb Loop 2 Dimesiones]
#[https://editor.p5js.org/victorignacio/sketches/5c2E2mItb Loop 2 Dimesiones]
Línea 483: Línea 491:


#[https://github.com/victordella?tab=projects Mis Trabajos en Github]
#[https://github.com/victordella?tab=projects Mis Trabajos en Github]
-Pagina Web en GitHub:  [https://victordella.github.io/bootstrap-website/  victordella.github.io]
</div>
</div>
 
<div class='listado'>
<div class='listado'>


Línea 500: Línea 511:
====Esperanza Araya====
====Esperanza Araya====
# Usuario de Github: '''[https://github.com/esperanza-araya-l/espefant.git espefant]'''
# Usuario de Github: '''[https://github.com/esperanza-araya-l/espefant.git espefant]'''
# [https://editor.p5js.org/ recursion]
# [https://editor.p5js.org/esperanza_araya/sketches/OSphWcTcC recursion]
# [https://editor.p5js.org/esperanza_araya/sketches/WNbHcOCGY espiral]
# [https://editor.p5js.org/esperanza_araya/sketches/WNbHcOCGY espiral]
# [https://editor.p5js.org/esperanza_araya/sketches/EQy0r4zK3 triángulo de Serpinski]
# [https://editor.p5js.org/esperanza_araya/sketches/EQy0r4zK3 triángulo de Serpinski]
# [https://editor.p5js.org/esperanza_araya/sketches/u3lU7DVck loop]
# [https://editor.p5js.org/esperanza_araya/sketches/u3lU7DVck loop]
# [https://editor.p5js.org/esperanza_araya/sketches/cPj8R56aU estampas (ayuda)]
# [https://editor.p5js.org/esperanza_araya/sketches/cPj8R56aU estampas (ayuda)]
# [https://editor.p5js.org/esperanza_araya/sketches/jR1LLMW5s lewitt(?) ]
# [https://editor.p5js.org/esperanza_araya/sketches/GoIAXJId7 lewitt 10000líneas]


====Random====
====Random====
Línea 549: Línea 562:
# [https://editor.p5js.org/joaquinmansilla100/sketches/TtNP-usSk Estampilla payasos]
# [https://editor.p5js.org/joaquinmansilla100/sketches/TtNP-usSk Estampilla payasos]
# [https://editor.p5js.org/joaquinmansilla100/sketches/twFdhnEo3 Ejemplo pintura con una imagen]
# [https://editor.p5js.org/joaquinmansilla100/sketches/twFdhnEo3 Ejemplo pintura con una imagen]
=====Proyecto Final: Página en Github=====
# [http://joaquinman.github.io/Portafolio/ joaquinmans.github.io]
</div>
</div>


<div class= 'listado' >
<div class='listado'>


====Valentina Acuña====
====Valentina Acuña====

Revisión del 19:07 30 dic 2019



Asignatura(s)Imagen Escrita
Año2019
Tipo de CursoRamo Lectivo
ProfesoresHerbert Spencer
EstudiantesFranco 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 Clavep5js, programación creativa, gráfica digital
Carreras RelacionadasDiseñ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

  1. Usuario de github: hspencer y web de ejemplo
  2. primer ejemplo de Herbert
  3. identidad circular
  4. función propia
  5. Recursión
  6. Star
  7. for loop 2d
  8. for loop 3d +sliders!
  9. función módulo
  10. Triángulo de Serpinski
  11. 50 puntos conectados (haga click)
  12. Comparación cuadrada
  13. Wanderer Mesh
  14. Trazo pintor
  15. Caceroleo: ejemplo de imagen y sonido
  16. Dibujo de una curva: la división por cero, o por qué es 'indeterminado'
  17. Visualización de datos: manejo del objeto Table

Paula Retamal

Tareas

Random

  1. primer intento "Cuadrados"
  2. Ejemplo 1
  3. "Random"

Nicolás Dragaš

  1. Usuario de github: nkodragas
  2. Ejercicio 1: Recta en Espiral
  3. Ejercicio 2: Circulo
  4. For Loop 2D Modificado: Link
  5. Ejercicio 3: Circulos Cambiantes con For
  6. Espiral: Espiral de Triángulos
  7. Espiral B: Espiral B
  8. Sol Lewitt: Drawing #370
  9. Sol Lewitt 2: Drawing #118
  10. Live Box: Box
  11. Stamp: Diablo
  12. Glitch de triagulos Here
  13. Drawing #370 Original: Enlace



Yesenia Ponce

  1. Usuario de Github: Yponce01
  2. Primer Ejemplo
  3. Recursión

Valentina Tapia

  1. Usuario de Github: Valentina Tapia Malbran
  2. Ejemplo: Sol Recursivo
  3. Ejemplo1: Espiral
  4. Ejemplo2: Espiral
  5. Ejemplo1: For loop 2d

Camila J. Guerra

  1. Usuario de Github: CamilaGuerra
  2. Ejemplo 1
  3. Random

Renata Espina

Valentina Acuña

  1. Usuario de GitHub: Valentina505
  2. intento 1
  3. intento 2 carretera
  4. intento 3 tame

Referencias

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:

  1. Exploración inicial de dibujo
  2. Experimentación de recursividad
  3. Ejemplo de un ciclo for bidimensional (2D)
  4. Ejemplo de un ciclo for tridimensional (3D)
  5. Una interpretación gráfica de una obra de Sol Lewitt:
    1. 10000 líneas rectas de 20 pixeles de largo dispuestas aleatoriamente en la tela.
    2. una obra a elección
  6. Una exploración gráfica de dibujo espiral
  7. Un trabajo interactivo que llamamos "timbre de goma" (estampar imagen al hacer click)
  8. Un filtro de imagen: ejemplo del pintor impresionista

Al momento de suspender las actividades académicas nos encontrábamos:

  1. Realizando la publicación de los trabajos en Github
  2. Definiendo un proyecto personal libre


En este contexto, se proponen 3 alternativas para una entrega final en distintos niveles:

  1. Nivel satisfactorio: Publicación en esta página de (al menos) los primeros 10 trabajos descritos en la primera lista
  2. Nivel deseable: Publicación de estos trabajos en una página de Github
  3. 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

  1. crear un repositorio vacío (que, para los efectos del ejemplo llamaremos 'www')
  2. 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)
  3. descargar los trabajos desde http://editor.p5js.org y descomprimirlos en la carpeta local del repositorio
  4. 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