“Draggable” Permite mover objetos en la App

Índice

¿Qué es?

«Draggable» es una de las etiquetas que puedes usar desde InDesign. Esta etiqueta te va a permitir cambiar de lugar un elemento arrastrándolo con el dedo.

Este efecto se utiliza comúnmente para crear sencillos juegos para niños como por ejemplo, un juego con el que añadir e intercambiar ropa y complementos a un personaje.

En ocasiones, es interesante combinar la etiqueta Draggable con la etiqueta Clonable. Aprende cómo en este tutorial:

Esta funcionalidad está disponible a partir de la versión 3.1 de 480interactive.

¿Cómo se hace?

Guía rápida

  1. Coloca la imagen que quieres que se pueda mover en tu documento InDesign.
  2. Convierte la imagen a botón desde el panel Botones y formularios.
  3. Abre el panel Etiquetas y busca la etiqueta etiqueta draggable indesign.
  4. Arrastra la etiqueta sobre la imagen.
  5. Hecho! Tu interactividad ya está preparada.

Casos Prácticos

Pizarra de baloncesto

En este ejemplo se muestra un cambo de baloncesto con un jugador y una pelota que se pueden arrastrar. Este sencillo ejemplo se podría mejorar añadiendo más jugadores y la posibilidad de dibujar para que un entrenador pueda diseñar estrategias de juego. Puedes añadir esa funcionalidad con la interactividad «Pintar».

Hazlo tu mism@

Si quieres realizar este caso práctico o ver como se ha hecho, descarga los ficheros del proyecto.

Caso práctico terminado Descargar
Preparado para practicar Descargar

Después de descargar un fichero, descomprímelo y verás que en su interior ya está todo preparado. Si abres la carpeta del proyecto podrás comprobar que incluye la carpeta «Libraries» y en su interior encontrarás todo lo necesario para diseñar la publicación.

Pruébalo en tu dispositivo

También puedes ver el resultado en «480i Viewer iPad/Android» instalando el caso práctico a través de su id. Si nunca has añadido una aplicación por id y quieres saber cómo se hace, échale un vistazo a este minitutorial.

ID de instalación draggable
Ir al Foro