cómo crear una panorámica arrastrando la imagen.

http://puravidaapps.com/snippets.php#stopCannibalism

Autora:  Haizea Galarreta Fernández

FLUNG

flung 2

(number x, number y, number speed, number heading, number xvel, number yvel, boolean flungSprite).

Utilidades:

  • Permite  visualizar toda la panorámica sin que tengas que reducir la anchura de la imagen.
  • Permite la opción de pasar de una imagen a otra con el gesto de arrastrar.

A tener en cuenta:

  • No equivocar con la opción drag.

Introducción

Para que al hacer un gesto de arrastrar una imagen funcione hay que crear un canvas para obtener una posición inicial (x,y). Además, se obtiene la velocidad y el punto de partida del gesto, al igual que componente de la velocidad X e Y del vector de arrastre.

ejes

En screen 1 los componentes que necesitamos son screen uno (screenorientation<landscape) y un canvas con la imagen de la habitación en background image.

 1.      Definimos dos variables con dos nombres diferentes:

  • A una se le asigna un número.
  • A la otra le añadimos una lista donde subiremos las fotos que compongan la panorámica (en este caso serían dos).

variables

2.      Para que al tocar con el dedo la pantalla podamos arrastrar la imagen hacia la izquierda y derecha necesitamos canvas.flung.

  • Necesitamos condiciones if else.
    • If  la velocidad de la coordenada X es menor a 0. Se cumplirá la función de que se pase de la primera variable a la variable con la lista (es decir, algo así a rotarla) hacia la izquierda.
    • If  la velocidad de la coordenada X es mayor a 0. Se cumplirá la función de que se pase de la primera variable a la variable con la lista (es decir, algo así a rotarla) hacia la derecha.
  • Hay que añadir la opción canvas. Background image y le agregaremos la lista de las dos variables (de número y de lista) con las que hemos estado trabajando. 

Este tutorial también sirve con el gesto de arrastrar queremos que se den transiciones de imágenes. Para ello, añadiríamos las imágenes con las que se quiere intercambiar a la lista.

todo

Problemas:

  • No consigo averiguar si existe la opción de poder conseguir una panorámica con una sola imagen. Es decir sin tener que dividirla y dotarle de izquierda o derecha a cada lado.
  • en el caso de que utilice el emulador, la pantalla no permite la opción de girarla horizontalmente.