Habría sido mucho más interesante si la animación se hubiera renderizado en el navegador.
Me dieron ganas de meter mano directamente al código que la hace funcionar, pero solo ofrecen el video y no el código, así que me quedé con las ganas.
También hay algunas con código fuente publicado: https://github.com/Bleuje/processing-animations-code
También se puede ver aquí un tutorial completo centrado en los conceptos: https://bleuje.com/tutorials/
El tutorial tenía muchas ideas geniales, como recorrer ruido de 4 dimensiones para lograr bucles sin cortes, y terminé jugando con eso en mi propio proyecto. Es fácil de entender incluso si no usas Processing.
Yo lo sentí más bien al revés. Me gusta que se pueda ver incluso en un teléfono en modo bloqueado que no puede cargar muchas páginas modernas y vistosas con JavaScript.
Estas animaciones me hicieron sentir como si hubiera vuelto a la época de hace 20 o 25 años, cuando escuchaba música con los plugins de visualización de Winamp activados.
Eran tiempos divertidos, y estas animaciones también están buenísimas.
Quienes ya tengan cierta edad quizá recuerden el salvapantallas Flowfazer de Utopia Softworks, de Todd Rundgren.
Él era desarrollador registrado de Apple, y también se lo veía por la WWDC en los 90.
Sí. Aunque, si activabas las visualizaciones de Winamp en un Pentium MMX, la capacidad de respuesta del sistema caía muchísimo, así que si las dejabas encendidas no quedaba otra que mirar solo esa visualización.
Eran tiempos simples pero divertidos.
Pensé lo mismo. ¿Dónde andará cthugha ahora?
Solía poner una gran lente de vidrio encima del monitor para proyectarlo en el techo. Me viene a la mente el chiste de que elegí la década equivocada para dejar la marihuana.
Me recordó a AVS Society :)
Mirando el código fuente para ver si era generación aleatoria o selección aleatoria entre animaciones ya hechas, confirmé que era lo segundo, y también vi una etiqueta de analítica rara.
Cloudflare bloquea el script, así que hay que revisar el sitio directamente. Tengo dos dudas: el script siempre se solicita a Google, y doNotTrack simplemente está hardcodeado como false. Mi navegador envía ese encabezado, así que no parece algo insertado correctamente desde el servidor; no entiendo qué intenta hacer.
Sí. Todas estas animaciones son videos prerenderizados insertados en la página, y se elige uno al azar.
En cambio, shadertoy [1] sí es realmente impresionante porque las animaciones se calculan y renderizan en tiempo real.
Hace tiempo, después de quedar impresionado con shadertoy, hice un sitio web con Three.js [2] usando un shader como fondo. Mostraba caustics, esos patrones de luz en constante cambio que produce la luz al atravesar ondas sobre el fondo de una piscina, lago o mar, parecido a [3]. Los visitantes siempre pensaban que era un video prerenderizado, y se sorprendían de verdad al saber que un teléfono de varios años podía ejecutar ese shader en tiempo real y de forma fluida.
Basta con bloquear los elementos relacionados con GA.
Hay varios tipos de animaciones, pero me recordó a Electric Sheep, un genial salvapantallas de llamas fractales.
Puedes instalarlo localmente y dar votos positivos o negativos a distintos “sheep” según tu gusto.
[1] https://electricsheep.org/
Como nadie lo preguntó, lo pregunto yo: ¿cómo se habrá hecho esto? Me da curiosidad si existe algún programa especializado en este tipo de programación gráfica/visual, o si es más bien un conjunto de scripts de Python que usan bibliotecas de 3D, matemáticas y plotting.
En el sitio hay un tutorial para crear animaciones de este tipo, especialmente GIFs que se repiten a la perfección [1]. Todo parece estar hecho con Processing [2].
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Hay que probar cosas de forma medio aleatoria y retocar iterativamente lo que se vea bien. Es una especie de selección genética.
También ayuda estudiar el código de otras animaciones para aprender las ideas y patrones generales.
Existen programas especializados, y también lenguajes como Processing que se usan mucho para arte computacional.
Pero no sé con certeza qué se usó para estas obras.
Esto era exactamente lo que veía de niño cada vez que tenía fiebre muy alta.
Se me desbloqueó un recuerdo. Creo que una vez tomé demasiado Sudafed y, en un estado medio dormido y medio despierto, vi exactamente cosas así.
A mí me daba esta sensación cuando tenía terrores nocturnos a comienzos de la adolescencia.
En escritorio, si haces clic derecho y activas la opción del navegador para mostrar controles, el punto del bucle se ve bastante bien.
En algunas, el loop es absurdamente corto.
Esto me hace pensar en una escena de alguna película donde una mente maestra malvada hipnotiza a los habitantes locales para moverlos a su voluntad.
“No mires; toma, usa esto”.
“Demonios, llegamos demasiado tarde. Ya está demasiado metido”.
“Para detener el flujo de tcp, tenemos que resincronizar la base de datos del mainframe del servidor para redirigir el tráfico”.
Además, la animación del agujero de gusano necesita la música del tema de Doctor Who.
Curiosamente, ayer intenté enviar este enlace por mensaje de texto a unos familiares y no llegó de ninguna manera.
Probé algunas variantes, y parece que se bloquea cualquier mensaje grupal que incluya un enlace de bleuje . com. ¿Habrá algún filtro en algún lado? Uso Android Messages con T-Mobile.
1 comentarios
Opiniones en Hacker News
Habría sido mucho más interesante si la animación se hubiera renderizado en el navegador.
Me dieron ganas de meter mano directamente al código que la hace funcionar, pero solo ofrecen el video y no el código, así que me quedé con las ganas.
También se puede ver aquí un tutorial completo centrado en los conceptos: https://bleuje.com/tutorials/
El tutorial tenía muchas ideas geniales, como recorrer ruido de 4 dimensiones para lograr bucles sin cortes, y terminé jugando con eso en mi propio proyecto. Es fácil de entender incluso si no usas Processing.
Estas animaciones me hicieron sentir como si hubiera vuelto a la época de hace 20 o 25 años, cuando escuchaba música con los plugins de visualización de Winamp activados.
Eran tiempos divertidos, y estas animaciones también están buenísimas.
Él era desarrollador registrado de Apple, y también se lo veía por la WWDC en los 90.
Eran tiempos simples pero divertidos.
Solía poner una gran lente de vidrio encima del monitor para proyectarlo en el techo. Me viene a la mente el chiste de que elegí la década equivocada para dejar la marihuana.
Mirando el código fuente para ver si era generación aleatoria o selección aleatoria entre animaciones ya hechas, confirmé que era lo segundo, y también vi una etiqueta de analítica rara.
Cloudflare bloquea el script, así que hay que revisar el sitio directamente. Tengo dos dudas: el script siempre se solicita a Google, y
doNotTracksimplemente está hardcodeado como false. Mi navegador envía ese encabezado, así que no parece algo insertado correctamente desde el servidor; no entiendo qué intenta hacer.En cambio, shadertoy [1] sí es realmente impresionante porque las animaciones se calculan y renderizan en tiempo real.
Hace tiempo, después de quedar impresionado con shadertoy, hice un sitio web con Three.js [2] usando un shader como fondo. Mostraba caustics, esos patrones de luz en constante cambio que produce la luz al atravesar ondas sobre el fondo de una piscina, lago o mar, parecido a [3]. Los visitantes siempre pensaban que era un video prerenderizado, y se sorprendían de verdad al saber que un teléfono de varios años podía ejecutar ese shader en tiempo real y de forma fluida.
Hay varios tipos de animaciones, pero me recordó a Electric Sheep, un genial salvapantallas de llamas fractales.
Puedes instalarlo localmente y dar votos positivos o negativos a distintos “sheep” según tu gusto.
[1] https://electricsheep.org/
Como nadie lo preguntó, lo pregunto yo: ¿cómo se habrá hecho esto? Me da curiosidad si existe algún programa especializado en este tipo de programación gráfica/visual, o si es más bien un conjunto de scripts de Python que usan bibliotecas de 3D, matemáticas y plotting.
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
También ayuda estudiar el código de otras animaciones para aprender las ideas y patrones generales.
Pero no sé con certeza qué se usó para estas obras.
Si haces clic en latest animations en el sitio principal, puedes ver una lista cronológica.
[1] https://bleuje.com/animationsite/2023_1/
Esto era exactamente lo que veía de niño cada vez que tenía fiebre muy alta.
En escritorio, si haces clic derecho y activas la opción del navegador para mostrar controles, el punto del bucle se ve bastante bien.
En algunas, el loop es absurdamente corto.
Esto me hace pensar en una escena de alguna película donde una mente maestra malvada hipnotiza a los habitantes locales para moverlos a su voluntad.
“No mires; toma, usa esto”.
“Demonios, llegamos demasiado tarde. Ya está demasiado metido”.
“Para detener el flujo de tcp, tenemos que resincronizar la base de datos del mainframe del servidor para redirigir el tráfico”.
Además, la animación del agujero de gusano necesita la música del tema de Doctor Who.
Curiosamente, ayer intenté enviar este enlace por mensaje de texto a unos familiares y no llegó de ninguna manera.
Probé algunas variantes, y parece que se bloquea cualquier mensaje grupal que incluya un enlace de bleuje . com. ¿Habrá algún filtro en algún lado? Uso Android Messages con T-Mobile.