2.2. Configura el formato The Runner.
2.4. 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 al registro, datos básicos, diseño, fechas de inicio y fin... 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 The 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.
- Animado: puede subir tu propia imagen de 1320 x 120 px, aunque debe de cumplir una serie de especificaciones (ver Animaciones más abajo).
- Imagen de fondo: es la base del juego y no está animada. Debe ser de 1820 x 720 px.
- Imagen de fondo 2: es un fondo intermedio que se anima automáticamente para crear efecto de movimiento. Debe ser de 1280 x 720 px.
- Imagen de suelo: es donde se apoya el personaje al correr. Debe ser de 1280 x 96 px.
- Imagen de muerte: no tienen animación. Cuando el usuario no logra esquivarla, el juego finaliza. Debe ser de 80 x 80 px.
- 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.
- Imagen de comenzar a jugar: es el botón que inicia la partida. Sus medidas máximas son de 200 x 200 px.
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 2MB 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. Ranking de participantes.
Si quieres mostrar el ranking de participantes, en el apartado 'Participaciones' del editor de la campaña, debes activar la opción '
2.5. 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.