“Clonable_draggable” Permite clonar y mover objetos en la App

Índice

¿Qué es?

«Clonable» y «Draggable» son unas de las etiquetas que puedes usar desde InDesign. Estas  etiquetas te van a permitir:

  • «Clonable» Clonar o duplicar el objeto que lleve asignada esta etiqueta tantas veces como sea pulsado. Los objetos quedarán clonados en el centro de la página y superpuestos uno sobre otro.
  • «Draggable» 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, para poder conseguir duplicar objetos y arrastrarlos por la página.

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 quieras que se pueda clonar y arrastra en tu documento InDesign.
  2. Convierte la imagen a botón desde el panel Botones y formularios.
  3. Abre el panel Etiquetas y crea una nueva etiqueta , con el nombre de las dos etiquetas separado por “_”. Así: “Clonable_Draggable”  
  4. Arrastra la nueva etiqueta  que acabas de crear sobre la imagen.
  5. Hecho! Tu interactividad ya está preparada.

Casos Prácticos

Pizarra de baloncesto

En este ejemplo se muestra un campo de baloncesto con un jugador que se puede clonar y arrastrar y una pelota que se pueden arrastrar. Con este sencillo ejemplo puedes ir 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 clonabledraggable
Ir al Foro