audiv027-2024-1
clase-06
Evaluación 1: Prototipo de Metaballs.
Trabajo en pares:
- Natalie Astudillo (https://github.com/NAF02).
- Valentina Ochoa.
Clase del 19-04-2024
Actualización el 24 de abril
Materiales:
Este trabajo lo realizamos con lo siguiente:
- Programa llamado Processing, lenguaje Java.
- Markdown para escribir la documentación de este archivo.
- Programa llamdo Wekinator.
¿Cómo iniciamos este proyecto?
En la clase del (insertar fecha), terminamos un poco antes de lo habitual, por lo que el docente nos recomendó comenzar a investigar sobre ideas para nuestra primera evaluación, que vendría siendo esta. Con mi compañera Natalie estuvimos conversando y le interesaba mucho hacer algo relacionado a colores, con lo cual teníamos una base para buscar antecedentes. En nuestra búsqueda, encontramos algunas animaciones llamadas ‘‘Magic Fluids’’ y ‘‘Colorful Gradient Abstract Liquid’’, que dejaremos a continuación:
Link: https://www.youtube.com/watch?v=SDHX1KyLleg&ab_channel=ShutterFootage
Colorful Gradient Abstract Liquid
Link: https://www.youtube.com/watch?v=1MieluM0c6c&ab_channel=RomanDeGiuli
Magic Fluids
Luego de visualizarlas, estuvimos buscando por Youtube algunos tutoriales que implementaran programación para llevarlas a cabo. No obstante, a pesar de que podíamos realizar algo similar, era algo mucho más pesado y tardío de hacer, ya que utilizaban tanto javascript como css, junto a json. Por ende, si bien no descartamos esta idea para más adelante, quisimos enfocarnos en algo más sencillo para esta primera evaluación.
https://github.com/baunov/gradients-bg
Referencia de idea de proyecto
Por otra parte, también estuvimos buscando proyectos en la siguiente página: openprocessing.org, en la cual podíamos ver diferentes proyectos que se hicieron con el programa Processing, lo cual era algo que queríamos utilizar. Encontramos ideas similares a las mostradas con anterioridad, sin embargo, sus códigos eran de aproximadamente mil líneas, algo que quizás sería demasiado pesado para completarlo en menos de una semana. No obstante, al seguir investigando encontramos algo interesante, llamado ‘‘Metaballs’’. Si bien no era igual a lo que teníamos como idea base, era similar y también nos pareció interesante.
Metaballs por The Coding Train
Link: https://www.youtube.com/watch?v=ccYLb7cLB1I&t=606s&ab_channel=TheCodingTrain
Metaballs in Processing
Link: https://www.youtube.com/watch?v=PrFgIBchqno&ab_channel=HariDulal
Colorful Metaballs in Processing
Link: https://www.youtube.com/watch?v=LZfmCuEPRIM&ab_channel=AbangFarhan
Ya con todo esto, podíamos dar inicio a nuestro trabajo. Nos apoyamos del código de The Coding Train y de varios ejemplos de Metaballs encontrados en la página nombrada anteriormente: openprocessing.org.
Referentes de proyectos de Metaballs en la página OpenProcessing
Proceso del proyecto:
Código:
Por completar.
Capturas de pantalla:
(El código base está mezclado con referentes de The Coding Train y proyectos encontrados en la página Processing.org)
Conclusiones:
…
Citas y referentes:
-
Fluid Color Liquid.
-
The Coding Train.
-
https://www.youtube.com/watch?v=PrFgIBchqno&ab_channel=HariDulal (Metaballs in Processing)
-
https://www.youtube.com/watch?v=LZfmCuEPRIM&ab_channel=AbangFarhan (Colorful Metaballs in Processing)
-
Ejemplos de la página oficial de Processing: https://processing.org/
-
Proyectos de Processing: openprocessing.org
-
https://github.com/CodingTrain/website-archive/tree/main/CodingChallenges/CC_028_MetaBalls/Processing/CC_028_MetaBalls
-
Para agregar audio a Processing: https://www.youtube.com/watch?v=Jq2N8Y9NgMM&t=30s&ab_channel=AirRoom
-
https://openprocessing.org/sketch/375374
-
https://www.youtube.com/watch?v=mfQ_-uCU2qI
-
https://forum.processing.org/one/topic/making-things-glow-like-in-the-metaball-example.html