¿Qué algoritmo se usa en la animación de la ventana "Acerca de" de uTorrent?
8
En una versión reciente de uTorrent, si abre la ventana Acerca de , verá un fondo animado, que es una especie de ondas que duran para siempre.
¿Cómo se puede lograr esto? ¿Es este tipo de algoritmo conocido / clase de algoritmos?
Gracias.
@trichoplax Eliminé la foto y agregué un GIF. Gracias.
Wfi Okly
Parece un efecto de ciclo de paleta. La imagen en sí es estática.
PaulHK
Respuestas:
9
Como descubrió y mencionó en su respuesta personal, el patrón en el fondo parece ser una suma de gradientes sinusoidales.
Sin embargo, el ejemplo vinculado en su respuesta es más complicado que el utilizado por µTorrent. El fondo de la ventana Acerca de parece ser un patrón estático, en lugar del patrón sinusoidal animado utilizado en la publicación de plasma.
Se han sumado varios gradientes sinusoidales para dar una sola imagen, y la ilusión de movimiento se da simplemente ciclando los colores en esa imagen, en lugar de generar varias imágenes diferentes. Esto es más notable si te enfocas en el centro de uno de los anillos de color. En el patrón µTorrent, notará que cada anillo permanece en un lugar y que el color fluye dentro o fuera de él. Por el contrario, los anillos de color en el patrón completamente animado se mueven, dividiéndose o fusionándose ocasionalmente.
El enfoque simplificado utilizado por µTorrent recuerda a las animaciones utilizadas en el pasado al recalcular los patrones sinusoidales de que cada cuadro no era realista.
Para algo más interesante, también puede animar el origen de las formas radiales. -> float d = sin (longitud (uv - vec2 (0.5)) * 35.0) + sin (longitud (uv - vec2 (0.2 + sin (iGlobalTime), 0.3)) * 45.0);
Respuestas:
Como descubrió y mencionó en su respuesta personal, el patrón en el fondo parece ser una suma de gradientes sinusoidales.
Sin embargo, el ejemplo vinculado en su respuesta es más complicado que el utilizado por µTorrent. El fondo de la ventana Acerca de parece ser un patrón estático, en lugar del patrón sinusoidal animado utilizado en la publicación de plasma.
Se han sumado varios gradientes sinusoidales para dar una sola imagen, y la ilusión de movimiento se da simplemente ciclando los colores en esa imagen, en lugar de generar varias imágenes diferentes. Esto es más notable si te enfocas en el centro de uno de los anillos de color. En el patrón µTorrent, notará que cada anillo permanece en un lugar y que el color fluye dentro o fuera de él. Por el contrario, los anillos de color en el patrón completamente animado se mueven, dividiéndose o fusionándose ocasionalmente.
El enfoque simplificado utilizado por µTorrent recuerda a las animaciones utilizadas en el pasado al recalcular los patrones sinusoidales de que cada cuadro no era realista.
fuente
Después de buscar un poco, descubrí que se llama Plasma.
Efecto plasma
fuente
El efecto se puede recrear más o menos agregando 2 (o más) sinusoides radiales juntos y animando la fase resultante a través de otra función seno.
Use www.shadertoy.com para verificar.
fuente