Reto: Transformando Oscilaciones

1 Descripción

Desarrolla una composición visual basada en la repetición de un elemento gráfico, donde cada instancia de ese elemento tenga un aspecto y/o comportamiento distinto pero relacionado al de sus vecinos.

Plantea la repetición utilizando expresiones de ciclo for, e invoca funciones trigonométricas (sin(), cos()) y/o de noise (noise()) para darle a cada elemento su aspecto y/o comportamiento distinto.

Obtén al menos tres variaciones distintas modificando parámetros numéricos de tu código.

Considera la aplicaci√≥n de la composici√≥n visual: ¬Ņes una portada de libro? ¬Ņun p√≥ster? ¬Ņel prototipo de un muro animado y/o interactivo?

1.1 Par√°metros

Considera que el aspecto y/o comportamiento distinto de cada elemento lo puedes realizar a partir de las siguientes cantidades, est√°ticas o en movimiento:

1.2 Repetición

Algunas ideas para ordentar tu elemento usando repetición:

2 Entrega

2.1 Avances

Comparte en el canal #workshop tus avances de cada día, siguiendo el cronograma especificado debajo.

Incluye lo siguiente, seg√ļn aplique:

2.2 Final

Cuando termines tu composición, compártela en el canal #showroom:

2.3 Retroalimentación

Comenta, pregunta y/o agrega reacciones a las publicaciones de las dem√°s!

3 Cronograma

Tendremos cinco sesiones para realizar el reto.

Los temas que revisaremos en cada una son:

  1. Repaso y posibilidades de repetición con más de una variable (cuadrículas, gradientes)
  2. Oscilación y funciones trigonométricas
  3. Aleatorio pero continuo: noise()
  4. Coordenadas polares
  5. Integración

Los avances a lograr en cada sesión son:

  1. Prototipo de layout general, con cuadrículas y gradientes
  2. Experimenta implementando oscilación a tu composición:
  3. Experimenta implementando noise a tu composición, en lugar o además de la oscilación:
  4. Experimenta con coordenadas polares, ya sea con figuras u ordenamientos construidas con ellas
  5. Completa y documenta tu composición con sus variaciones

4 Notas relevantes

4.1 Repetición

4.2 Oscilación

4.3 Animación