Unidad 7. Biblioteca de físicas#
Introducción#
Hasta ahora tu te has encargado de calcular la física de tus simulaciones. Pero, ¿Qué pasa si no quieres hacerlo? ¿Qué pasa si quieres que alguien más haga el trabajo pesado por ti? Bueno, estás de suerte, porque hay muchas bibliotecas de física que puedes usar para hacer tu vida más fácil. En esta unidad, explorarás una de esas bibliotecas, pero sobre todo aprenderás cómo usarla para hacer tus propias simulaciones.
Investigación#
Advertencia
¿Qué tal si esta vez no usas ChatGPT para diseñar?
Quiero pedirte algo especial. No uses ChatGPT para hacer el diseño. Mira, si le escribes un prompt a ChatGPT con los requisitos te va a dar una respuesta. Pero, ¿Qué tal si esta vez no lo haces? Al menos para el diseño. Lo que quiero que hagas es que investigues y diseñes tu mismo la simulación, luego podrás usar ChatGPT para materializar el código, pero parte de un diseño tuyo, de tu propia idea.
Tengo que confesarte que creo que ChatGPT puede ser una herramienta realmente útil para la programación, pero como especie, como creativos creo que renunciar al diseño y la creatividad es un error. Creo que esto nos podría llevar a una sensación de vacío. Por eso, te pido que hagas el diseño por ti mismo porque no quiero que renuncies a tu creatividad.
Trayecto de actividades#
Explora este referente sobre el concepto de word as image.
Experimenta con los demos de matter.js en el website.
Experimenta con los ejemplos de matter.js y p5.js que propone el texto guía.
Diseña la simulación.
Implementa la simulación.
Bitácora#
Enlace a los referentes que exploraste.
Enlace a los experimentos con la biblioteca matter.js.
Documentación del proceso de diseño de tu simulación: ¿Cuál es el concepto? ¿Cómo usarás el concepto de word as image?
Recursos para la inspiración#
Capítulo 6 del texto guía.
The coding train Website.
Matter.js Physics Youtube playlist.
Matter.js Website.
NOC 2024 Github repo.
Typography Series. You playlist.
Word as Image. Youtube playlist.
2015 Word as Image Highlights. Youtube video.
Word-As-Image for Semantic Typography. Website.
DS-Fusion: Artistic Typography via Discriminated and Stylized Diffusion. Website.
The workshop on Graphic Design Understanding and Generation (GDUG). Website.
Clase p5.Font Website.
opentype.js. Website.
Breathing Life Into Sketches Using Text-to-Video Priors. Website.
Yael Vinker portfolio. Website.
Daniel Berio website. Website.
Daniel Berio. I create visuals, drawings and graffiti, with code. Website.
Reto#
Requisitos#
Debes crear una simulación interactiva que aborde el concepto de
Word as Image.Usa audio, SI LO DESEAS, como un recurso de diseño en tu simulación tal como se muestra en el video de referencia.
Debes utilizar las bibliotecas matter.js y p5.js para crear la simulación.
Debes adicionar interactividad a tu simulación.
Bitácora#
Advertencia
NO USES ChatGPT para hacer tu bitácora.
Reflexiona tu mismo analizando los resultados obtenidos. NO uses ChatGPT para hacer tu bitácora. Por favor, no copies y pegues. Escribe tus propias ideas.
El enlace a la simulación interactiva.
Código fuente con el resultado final.
Explicación del concepto de la simulación.
Explica cómo implementaste la simulación.
Un ENLACE a un video corto que muestre el resultado final de la simulación y cómo interactúa el usuario con ella.