2.2.3. Condiciones para jugar.
1. Introducción.
Con Cool Tabs puedes crear un juego interactivo tipo Runner, inspirado en los clásicos arcade. El jugador debe avanzar por una escena esquivando obstáculos y recogiendo premios, para sumar puntos y subir en el ranking de participantes.
Puedes usar el diseño predefinido o crear uno totalmente personalizado: personajes, fondos, sonidos y animaciones.
2. Paso a paso.
2.1. Crea tu campaña.
Primero, crea tu campaña en Cool Tabs y configura sus secciones básicas.
Si es tu primera vez en Cool Tabs, puedes apoyarte en el siguiente tutorial:
Cómo empezar a crear una campaña: configuraciones básicas.
Si tienes dudas, contáctanos en el email help@cool-tabs.com.
2.2. Configura el runner.
Una vez configurada la parte general de la campaña:
Ve a la sección Gamificaciones.
Activa la opción The Runner.
Haz clic en Configurar.
Personaliza diseño, sonidos y número máximo de partidas.
2.2.1. Diseño por defecto.
Cool Tabs incluye un diseño listo para usar, llamado Space Runner, compuesto por:
1. Personaje animado (astronauta). La animación se compone de un sprite de 11 frames.
2. Imagen de fondo. Es la base del juego. Una imagen fija, sin animación.
3. Imagen de fondo 2. Es el fondo intermedio que se anima automáticamente para crear efecto de movimiento.
4. Imagen de suelo. Es donde se apoya el personaje al correr.
5. Imagen de muerte. No tienen animación. Cuando el usuario no logra esquivarla y colisiona, el juego finaliza.
6. Imagen de premio. No tiene animación.
7. Botón de comenzar a jugar.
8. Sonidos (música de fondo, premio y muerte). Puedes marcar Empty si no quieres audio.
Por último, indica el número máximo de partidas y pulsa Guardar.
2.2.2. Diseño personalizado.
Si prefieres crear tu juego desde cero, aquí tienes las especificaciones necesarias.
A) Imágenes (formato obligatorio: PNG)
1. Personaje. Puede ser:
Estático: 120 × 120 px (1:1).
Animado: 1320 × 120 px (11:1). Debe cumplir una serie de especificaciones (ver Animaciones más abajo).
2. Imagen de fondo (fija)
1280 × 720 px (16:9).
3. Imagen de fondo 2 (animado automáticamente)
1280 × 720 px (16:9). Se desplaza para crear sensación de profundidad.
4. Imagen de suelo (fija, donde se apoya el personaje al correr).
- 1280 × 96 px (4:3).
5. Imagen de premio. No tiene animación.
80 × 80 px (1:1).
Puedes subir hasta 3 imágenes distintas, asignando prioridad (probabilidad de aparición) y puntuación individual.
Ejemplo de configuración de prioridades:
- Imagen moneda de oro → prioridad: 10
- Imagen moneda de plata → prioridad: 30
- Imagen moneda de bronce → prioridad: 60
Esto equivale a un 60% de probabilidad de que la siguiente imagen sea la de bronce, un 30% la de plata y un 10% la de oro.
6. Imagen de muerte o bomba. No tienen animación. Cuando el usuario no logra esquivarla, el juego finaliza.
80 × 80 px (1:1).
Puedes configurar hasta 3 imágenes distintas, con prioridad de aparición configurable.
7. Imagen de comenzar a jugar.
- Medidas máximas 200 x 200 px (1:1).
B) Animaciones.
Existen dos tipos:
1. Movimiento constante (scroll lateral).
Usa imágenes que se repiten horizontalmente, utilizando un sprite en mosaico (tiled sprite). Para lograr un efecto visual fluido, la imagen debe tener continuidad en sus extremos, de manera que encaje perfectamente al repetirse.
Esta animación se aplica a:
Fondo 2. Se desplaza a una velocidad menor que la del suelo, creando una sensación de profundidad en la escena.
Suelo. Tiene menor altura y actúa como la base sobre la que corre el personaje.
2. Animación por frames.
Un sprite de 1320 × 120 px dividido en 11 frames:
Frames 1–8 → correr
Frame 9 → salto
Frames 10–11 → colisión (fin del juego)
Se utiliza para animar el personaje principal mediante una secuencia de imágenes (frames). Estas imágenes se organizan en una plantilla con un tamaño fijo de 1320 x 120 px, dividida en 11 frames (cada frame mide 120 x 120 px).
Frames 1 a 8 → correr
Frame 9 → acción de salto.
Frames 10 y 11 → colisión con un obstáculo (fin del juego).
Para usar la animación del personaje por frames, es necesario seleccionar la opción '.
C) Audios (formato obligatorio: MP3, max. 2 MB)
Música de fondo
Sonido al recoger premio
Sonido al morir
Puedes marcar Empty si no deseas incluir sonido.
2.2.3. Condiciones para jugar.
Modo Muerte
El juego no tiene límite de tiempo. El usuario continúa mientras esquive obstáculos y recoja premios.
Para aumentar la dificultad, puedes activar la opción "Modo Muerte", que incrementa progresivamente la aparición de obstáculos (bombas), a partir del tiempo que configures.
Ejemplo: Si lo activas a los 60 segundos, tras un minuto comenzarán a aparecer más obstáculos, dificultando que el jugador siga avanzando.
Número máximo de partidas
Define cuántas veces puede jugar cada usuario.
Al finalizar una partida, aparece un popup con:
Puntuación
Mensaje “Tienes X oportunidades más”
Botón “Volver a jugar”
Si el jugador alcanza el límite de partidas permitidas, ya no podrá volver a jugar, solo podrá ver su puntuación y continuar con la experiencia sin iniciar otra partida.
Una vez que hayas subido todas las imágenes y sonidos, y configurado las condiciones del juego, haz clic en "Guardar" para aplicar los cambios.
A continuación, puedes probar un ejemplo de un juego con la funcionalidad Runner personalizada:
PRUEBA LA DEMO RUNNER PERSONALIZADO
2.3. Otras configuraciones.
2.3.1. Ranking de participantes.
En campañas de gamificación, donde los jugadores suman puntos, quizá quieras mostrar un ranking público para que los jugadores vean su posición. De esta manera, las participaciones se harán públicas para que todos los participantes sepan qué puesto ocupan.
Para mostrar el ranking de jugadores, con los puntos obtenidos, debes hacer público el listado de participantes.
Para habilitar el ranking público de participantes, sigue los pasos del tutorial Cómo mostrar un listado o ranking público de participantes.
2.3.2. Selección de ganadores.
Si tu juego está vinculado a un sorteo, al finalizar el plazo de participación podrás realizar la selección de ganadores.
Puedes elegirlos aleatoriamente o filtrando por condiciones como la puntuación obtenida.
En el listado de participantes verás reflejados los datos de los participantes, así como los puntos totales que han obtenido.
Para realizar la selección de ganadores, puedes consultar el tutorial: Cómo seleccionar ganadores y obtener tu Certificado de Validez.
3. Otras especificaciones.
Recuerda:
Todas las imágenes deben ser PNG.
Todos los audios deben ser MP3 y pesar menos de 2 MB.
Las aplicaciones Cool Promo (plan Gold) y Cool Promo White Label (plan Diamond) permiten configurar un Runner.
También puedes usar el free trial de 7 días para probar cualquier plan.
Si tienes alguna duda, puedes contactarnos a help@cool-tabs.com.
4. Contenido relacionado.
Cómo acceder a la URL de tu campaña para poder publicarla.
Cómo crear un juego tipo puzzle online.
Cómo crear un juego de buscar objetos ocultos.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.