Crear animaciones para aplicaciones móviles puede ser algo complejo dependiendo de qué marco de trabajo se utilice. Con esto último me refiero a si uno utilizará lenguaje nativo o alguna especie de puente a través de otro lenguaje de programación.
<blockquote>
Creating animations for mobile apps can be complex depending on the framework used. By this, I mean whether you'll use a native language or some kind of bridge through another programming language.
</blockquote>
https://images.hive.blog/DQmRENECm1aEP2MaXkQ4gXXgPjmA5998MP1kMwXL8aynHE9/Screenshot_2025-06-24-22-06-34-480_host.exp.exponent.jpg
En mi caso utilizo javascript y a través de un puente de conversión se transforma en otro lenguaje de programación que permite generar la aplicación pero para esta muestra no es necesario aplicar lenguaje nativo porque todo se emula a través desde un código QR.
<blockquote>
In my case, I use JavaScript, and through a conversion bridge, it is transformed into another programming language that allows the application to be generated. However, for this sample, it is not necessary to apply the native language because everything is emulated through a QR code.
</blockquote>
https://images.hive.blog/DQmR9xgzpLDi5EiV9NRufGRuXbLAABytTw2w82ur7WefvEt/rng.jpg
Utilizar este tipo de Marco de trabajo tiene sus limitaciones porque ciertas cosas que parecen resultar sencillas y atractivas de ver en una aplicación móvil en otros lenguajes de programación resulta muy difícil de lograr y peor aún de mantenerlo con el tiempo funcionando correctamente.
<blockquote>
Using this type of framework has its limitations because certain things that seem simple and attractive to see in a mobile application in other programming languages ​​are very difficult to achieve, and even worse, to keep working correctly over time.
</blockquote>
https://images.hive.blog/DQmR9xgzpLDi5EiV9NRufGRuXbLAABytTw2w82ur7WefvEt/rng1.jpg
Para este ejemplo lo hice de manera demasiado sencilla aplicando un gradiente que tenga un tamaño mucho mayor a su contenedor y una animación simple que solo desplaza de derecha a izquierda el gradiente interpolando ciertas posiciones.
<blockquote>
For this example I made it very simple by applying a gradient that is much larger than its container and a simple animation that just moves the gradient from right to left, interpolating certain positions.
</blockquote>