Bueno, el concepto no es complicado, pero realizarlo si.
Lo ideal sería que usaras la clase tween para aumentar el tamaño de cada imagen.
Obviamente, estas perderían calidad, pero es en ese momento que comenzás a cargar las nuevas imágenes encima de las anteriores.
Los mayores problemas te los va a dar el hecho de que necesitás que encajen perfectamente. Eso se soluciona fácilmente (de nuevo, simple el concepto, difícil la realización).
Para esto, hay que saber exactamente a que porcentaje del zoom corresponden las imágenes nuevas (los aumentos).
Supongamos 200%
Bien, apartir del 100% de zoom, habría que cargar estas imágenes chicas (esto depende del efecto que quieras, ya que va a demorar cada zoom, pero al acercar no vas a tener tanto tiempo de edspera ya que este viene luego.
El 200% significa que vas a necesitar 4 imágenes chicas por cada grande manteniendo la escala.
Sabiendo el tamaño de las imágenes y un poco de matemática de primer grado se calcula la ubicación de las nuevas imágenes.
O sea. Si el ancho den una imágen a tamaño sin escalar es de 200x200 px entonces, cada una de las 4 imágenes a cargar se ubican (trabajando con puntos de anclaje en la esquina superior izquierda) en:
img1: x=0 y=0
img2: x=100 y=0
img3: x=0 y=100
img4: x=100 y=100
Recordá, que las imágenes nuevas también miden 200x200 px. Estos valores se aplican cuando ya están escaladas (al 50%).
Espero haberme explicado bien, lo único que queda es borrar las imágenes que ya no se ven para no sobrecargar la memoria. algo así:
Código :
if (cargadas4imagenesDeCuadrado1) {
borrar cuadrado1;
}Espero esta explicación te haya sido útil