2.2. Configura el formato runner.
2.5. Ranking de participantes.
1. Introducción.
Con las aplicaciones Cool Promo y Cool Promo White Label, incluidas en los planes Cool Promo y Cool Promo White Label (marca blanca), respectivamente, puedes crear una campaña con la mecánica The Runner.
De esta manera, puedes configurar un juego interactivo, en el que los participantes tendrán que ir avanzando, mientras esquivan obstáculos y atrapan bonus para sumar puntos. Cuánto más tiempo permanezcan en el juego y más bonificaciones consigan, más puntos obtendrán.
Este formato te permite configurar el juego con el diseño por defecto que te facilitamos o modificarlo para personalizarlo con tu propio personaje, escena, música, efectos...
A continuación, puedes ver un ejemplo de una campaña online con el formato The Runner.
2. Paso a paso.
2.1. Crea tu campaña.
Accede a Cool Tabs, crea una nueva campaña y selecciona la aplicación Cool Promo o Cool Promo White Label.
Lo primero que debes hacer es ir completando los primeros apartados de tu campaña. Estos son los relativos a:
- Registro: cómo va a poder participar el usuario. Con su cuenta de Facebook, Twitter, Linkedin, Pinterest, Microsoft/Hotmail, Yahoo o de forma anónima.
- Datos básicos: dónde quieres que accedan los usuarios al hacer clic en la URL de tu campaña, idiomas...
- Diseño: imagen principal, de fondo, fuente, colores...
- Fechas de inicio y fin: fechas en las que será visibles la campaña.
- Participaciones: fecha en la que los usuarios podrán participar y las veces que podrán hacerlo.
Ten en cuenta que algunos apartados de la edición de la campaña no tiene por qué aplicar a tu campaña (votos, instant wins, ranking viral, cupones...).
Si tienes alguna duda o consulta durante el proceso, no dudes en contactar con nosotros a través de help@cool-tabs.com
También puedes apoyarte en los siguientes tutoriales, en los que explicamos más detalladamente, qué puedes incluir en cada sección:
Cool Promo White Label: crea tu campaña o concurso en Marca Blanca >>
Cool Promo: crea tu campaña con Cool Tabs>>
2.2. Configura el formato runner.
Después de completar los apartados anteriores, ve a la sección 'Gamificaciones', activa la opción The Runner y haz clic en 'Configurar'.
2.2.1. Diseño por defecto.
Por defecto, vas a encontrar habilitado el diseño de Space Runner, que hemos configurado desde Cool Tabs. Este está configurado con:
- Personaje animado (astronauta): la animación se compone de 11 frames.
- Imagen de fondo: es la base del juego y no está animado.
- Imagen de fondo 2: es un fondo intermedio que se anima automáticamente para crear efecto de movimiento.
- Imagen de suelo: es donde se apoya el personaje al correr.
- Imagen de muerte: no tienen animación. Cuando el usuario no logra esquivarla, el juego finaliza.
- Imagen de premio: no tiene animación. Cada vez que el usuario atrapa un bonus, suma 100 puntos.
- Imagen de comenzar a jugar: es el botón que inicia la partida.
- Música de fondo: si no quieres que el juego tenga música de fondo, marca la opción 'Empty'.
- Música al atrapar un propio: si no quieres que se reproduzca el sonido, marca la opción 'Empty'.
- Música al morir: si no quieres que se reproduzca el sonido que indica la finalización del juego, marca la opción 'Empty'.
Si quieres que los usuarios puedan volver a jugar, activa el check: '
Comprueba que están marcadas todas las opciones de configuración por defecto y haz clic en 'Guardar'.
2.2.2. Diseño personalizado.
Es posible configurar por completo la funcionalidad The Runner y crear así tu propio juego, con un diseño personalizado.
Te detallamos las especificaciones que deben cumplir los distintos elementos (imágenes y sonidos) de tu juego.
Imágenes: Ten en cuenta que todas las imágenes deben estar en formato PNG.
- Personaje: el protagonista del juego puede ser estático o animado.
- Estático: puedes subir tu propia imagen de 120 x 120 px. Relación de aspecto 1:1.
- Animado: puede subir tu propia imagen de 1320 x 120 px, aunque debe de cumplir una serie de especificaciones (ver Animaciones más abajo). Relación de aspecto 11:1.
- Imagen de fondo: es la base del juego y no está animada, es fija. Debe ser de 1280 x 720 px. Relación de aspecto 6:9.
- Imagen de fondo 2: es un fondo intermedio, entre el fondo y el suelo, que se anima automáticamente para crear efecto de movimiento. Debe ser de 1280 x 720 px. Relación de aspecto 6:9.
- Imagen de suelo: es una imagen fija, donde se apoya el personaje al correr. Debe ser de 1280 x 96 px. Relación de aspecto 4:3.
- Imagen de muerte: no tienen animación. Cuando el usuario no logra esquivarla, el juego finaliza. Debe ser de 80 x 80 px. Relación de aspecto 1:1.
- Imagen de premio: no tiene animación. Cada vez que el usuario atrapa un bonus, suma 100 puntos. Debe ser de 80 x 80 px. Relación de aspecto 1:1.
- Imagen de comenzar a jugar: es el botón que inicia la partida. Sus medidas máximas son de 200 x 200 px con transparencia. Relación de aspecto 1:1.
Animaciones: En el juego hay 2 tipos de animaciones principales:
- Por movimiento constante: la animación se realiza repitiendo en el eje X un sprite en mosaico (tiled sprite). Debes tener en cuenta que, al repetirse indefinidamente, estos sprites (imágenes) deben de tener una continuidad en su eje X, coincidiendo en los extremos, para mantaner la continuidad visual. Tanto la imagen de fondo 2 como la imagen de suelo se animan de esta manera. En el caso de la imagen de fondo 2 (1820 x 720 px) la velocidad de desplazamiento es menor que la del suelo, dando profundidad a la escena. La imagen de suelo (1280 x 96 px) es de menor altura, ya que sirve como soporte al personaje.
- Por frames: la animación del personaje principal es algo más compleja y requiere de una animación por frames. Estos frames se generan desde una plantilla (imagen) con un tamaño fijo de 1320 x 120 px, siendo el tamaño de cada uno de 120 x 120 px. Los primeros 8 frames corresponden a la animación del personaje corriendo, el 9 corresponde al salto y los frames 10 a 11 corresponden a la animación cuando se colisiona con el objeto que provoca la finalización del juego.
Para usar la animación del personaje por frames es necesario seleccionar la opción .
Audios: solo se admiten archivos en formato MP3, de hasta un máximo de 2 MB de peso.
- Música de fondo: puedes incluir tu próxima música de ambiente para el juego. Si no quieres que el juego tenga música de fondo, marca la opción 'Empty'.
- Música al atrapar un propio: si no quieres que se reproduzca el sonido, marca la opción 'Empty'.
- Música al morir: si no quieres que se reproduzca el sonido que indica la finalización del juego, marca la opción 'Empty'.
Una vez que hayas subido tus imágenes y sonidos, haz clic en 'Guardar'.
A continuación, puedes ver un ejemplo de un juego con la funcionalidad The Runner personalizada.
<< Probar DEMO The Runner personalizada >>
2.3. Formulario de datos.
En la sección 'Formulario' de la edición de tu campaña, puedes activar todos los campos que quieres que rellene el usuario para poder completar su participación en tu campaña. Una vez completado el juego, al usuario le aparecerá un formulario de datos personales.
También te recomendamos que completes los campos de la sección 'Viralización', para que los usuarios puedan compartir tu juego en redes sociales.
Por último, vuelve a la edición de la campaña y haz clic en 'Guardar' para que no se pierda ninguna de las configuraciones.
2.4. Pantalla final.
Puedes configurar:
-
Misma pantalla para todos los participantes.
-
Distintas pantallas según puntos conseguidos en el juego.
2.4.1. Mostrar un contenido por defecto a los participantes.
Tienes la opción de mostrar el mismo mensaje a todos los participantes. Configura tu mensaje por defecto en el apartado 'Pantalla final' del editor de la campaña. Habilita la opción 'Mostrar un contenido por defecto a los participantes'. Se abrirá un editor en el que puedes incluir texto, imágenes o HTML.
Además, para que se le muestre la puntuación total obtenida, en la pestaña "Página participantes" del apartado "Quiz", marca la opción "Muestra su propia puntuación a cada participante".
2.4.2. Contenido según gamificaciones.
Si quieres mostrar una pantalla distinta en función de los puntos que obtengan en el juego, habilita la opción 'Contenido según gamificaciones, quiz (puntos o test de personalidad) y/o código introducido'. Después, haz clic en 'Gestión de pantallas individuales'.
Tendrás que añadir tantas pantallas como páginas de resultados quieres que tenga tu juego. Completa la información de cada pantalla.
-
Dale un nombre interno para que puedas identificar cada página de resultados.
-
Establece el número máximo y mínimo de puntos que debe obtener un participante para ver esa pantalla.
-
Incluye una creatividad y/o mensaje en el apartado 'Diseño'.
-
Puedes completar y personalizar los campos relacionados con viralización en redes sociales, para que los usuarios pueda compartir su participación.
Si vas a mostrar una pantalla final u otra, en función de los puntos que obtenga el participante, no te olvides de activar la opción 'Quiz con puntos por acierto' en el apartado 'Quiz'. Si no, no se mostrarán las pantallas que configures.
Además, para que se le muestre la puntuación total obtenida, en la pestaña "Página participantes" del apartado "Quiz", marca la opción "Muestra su propia puntuación a cada participante".
2.5. Ranking de participantes.
Si quieres mostrar el ránking de participantes, en el apartado "Participaciones" del editor de la campaña, debes activar la opción "Hacer visibles/públicas las participaciones". De esta manera, se activará un listado público (nombre y avatar de los jugadores) y todo el mundo podrás ver quién ha participado.
También puedes habilitar una página individual para cada participante, en el que se mostrarán más detalles del participante.
Si quieres que un participante pueda ver en el ranking los puntos que han sacado el resto, marca la opción "Muestra las puntuaciones públicamente".
2.6. Selección de ganadores.
Si tu acción está vinculada a un sorteo. Una vez haya finalizado el periodo de participación, podrás hacer la selección de ganadores. Podrás elegirlos aleatoriamente, filtrando por distintas condiciones, por ejemplo, por los puntos obtenidos en el juego.
En el listado de participantes aparecerán los datos de los participantes, así como los puntos totales que han obtenido.
Para acceder al listado de participantes, desde la página principal de tus campañas, haz clic en el apartado 'Leads'.
Después, en el sidebar de la izquierda de la página que se abrirá, haz clic en el apartado 'Ganadores'.
Desde la sección 'Ganadores' podrás comenzar la selección. En función del tipo de campaña o sorteo que hayas realizado, te aparecen dos opciones para realizar la selección de ganadores: manualmente o de forma aleatoria.
3. Otras especificaciones.
- La mecánica The Runner solo está disponible en los planes Gold y Diamond, tanto de pago como de prueba.
- El tamaño de las imágenes personalizadas del juego deben estar en PNG. Los archivos de audio configurables deben estar en MP3 y pesar máximo 2MB.
Si tienes alguna consulta durante el proceso, no dudes en contactar con nosotros a través del chat de nuestra web o nuestro mail de soporte help@cool-tabs.com
4. Contenido relacionado.
Cool Promo White Label: crea tu campaña o concurso en Marca Blanca >>
Cool Promo: crea tu campaña con Cool Tabs>
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.