Mejoras en las animaciones: ¡los recorridos de cámara ahora son más fluidos que nunca!

En Mapcreator, siempre estamos trabajando para actualizar y mejorar nuestra herramienta. Cuando lanzamos la función de animación a finales de 2022, ¡nos sentimos enormemente orgullosos! Sin embargo, incluso los padres más orgullosos deben reconocer que siempre hay margen de mejora. ¡Y ahora ha llegado ese momento! Aunque las animaciones podían crearse en cuestión de unos pocos clics, a veces aparecían pequeñas pausas o tirones en la transición entre keyframes. Dígale adiós a cualquier irregularidad: los recorridos de cámara se han mejorado de verdad y nos gustaría mostrarle lo que eso significa para nuestros usuarios. 

A continuación puede ver algunos ejemplos reales del antes y el después en nuestras animaciones. En cada caso, explicaremos brevemente qué se ha mejorado exactamente.

Ejemplo 1:
En esta animación verá un zoom hacia Denver, Colorado, en Estados Unidos, pasando por 3 keyframes intermedios. Como puede verse en el vídeo de antes y después que aparece a continuación, la versión posterior es más fluida tanto en el recorrido de cámara como en los cambios de velocidad.

Ejemplo 2:
Esta animación muestra un vuelo entre tres ubicaciones de Róterdam, en los Países Bajos, con cambios de zoom, rotación e inclinación. En el vídeo anterior, la cámara realiza un movimiento poco natural alrededor del segundo keyframe; tras nuestras nuevas mejoras, puede ver que ahora el movimiento vuelve a ser totalmente fluido.

Ejemplo 3:
Como puede verse en este ejemplo, ahora los usuarios pueden hacer fácilmente que la cámara realice un sobrevuelo parabólico simplemente creando 3 keyframes. Esta animación lleva a los espectadores desde Róterdam a una vista ampliada de los Países Bajos y después acerca la vista hasta Eindhoven. La versión anterior generaba dos movimientos en línea recta con una pausa entre ambos, en lugar de una curva suave de tipo parabólico.

¿Cómo logró nuestro equipo hacerlo?

Al principio, calcular un recorrido de cámara fluido puede parecer un problema muy difícil. Una cámara puede desplazarse por el mundo y hacer zoom hacia dentro y hacia fuera; también puede rotar e inclinarse para observar el mapa desde distintas direcciones. Todos estos cambios deben producirse de forma fluida y continua, basándose únicamente en una serie de keyframes definidos por el usuario.

Lo que un desarrollador puede hacer ante una tarea compleja como esta es dividirla en varias tareas más simples. En este caso, hacerlo es bastante sencillo. Para definir por completo la posición de una cámara, en realidad solo necesitamos cinco números:

1. Latitud y longitud definen la ubicación en la Tierra donde se encuentra la cámara;
2. El zoom define lo cerca que está la cámara del suelo;
3. Los ángulos de rotación e inclinación definen la dirección hacia la que apunta la cámara.

Puede ver estos cinco números en la barra superior de la herramienta de Mapcreator; incluso cambian en tiempo real a medida que mueve el mapa.

Resulta que todo lo que necesitamos para conseguir un movimiento de cámara fluido es animar (es decir, interpolar) cada uno de estos parámetros por separado. ¡Eso es mucho más fácil! Interpolar un único número es un problema muy estudiado en matemáticas; existen muchas soluciones diferentes para adaptarse a distintas necesidades. Si siente curiosidad, visite esta página, donde encontrará imágenes de distintos tipos de interpolación que pueden aplicarse sobre el mismo conjunto de puntos. Tras realizar varias pruebas, seleccionamos este algoritmo como la interpolación más adecuada para nuestras necesidades. Es una variación del conocido algoritmo cubic spline, que genera curvas con un aspecto más predecible que la versión original.

Sin embargo, esto aún no basta para lograr un resultado realmente excelente: hay otro problema esperando a la vuelta de la esquina. ¿Ha notado alguna vez que, cuando mira por la ventanilla de un avión, el suelo parece moverse muy despacio aunque usted esté volando muy rápido? Esto ocurre simplemente porque el suelo está muy lejos. Si pudiera volar a la misma velocidad junto al suelo, ¡todo pasaría tan deprisa que no podría ver nada! Por desgracia, el mismo efecto también afecta a nuestra cámara: si hacemos que el zoom suba y baje muy rápido, obtendremos cambios muy bruscos y poco naturales en la velocidad aparente, aunque técnicamente su velocidad sea constante.

Para solucionarlo, ideamos unos cálculos muy inteligentes para ajustar la velocidad de la cámara a medida que el zoom sube y baja. Cuanto más cerca está la cámara, más despacio debe moverse, y viceversa. Fuimos un paso más allá para que estas correcciones sean totalmente automáticas y transparentes para el usuario. Lo más probable es que usted ni siquiera note que están ahí: simplemente funcionarán, y la cámara se moverá tal y como intuitivamente espera que lo haga.

Ahora solo tenemos que reunirlo todo y aquí está: un movimiento de cámara fluido y natural, calculado automáticamente a partir de un sencillo conjunto de keyframes.

¡Pruébelo usted mismo! 

¿Qué tiene que hacer para probarlo? ¡Solo tiene que abrir la función de animación! Desde la última actualización, todas sus futuras animaciones cartográficas, así como los proyectos antiguos que vuelva a abrir, tendrán una nueva fluidez en las transiciones. Estamos deseando ver lo que va a crear y lo magníficas que serán sus animaciones de mapas.