COMPUTACIÓN

CIMA
GENIALLY
JUEGO DE TRIVIA

HOY HAREMOS UN JUEGO COMO ESTE:

https://view.genial.ly/61337843a38a3c0d1175e840/interactive-image-trivia

Paso 1: Para empezar a crear elige el tipo IMAGEN INTERACTIVA.

Paso 2: En esta nueva ventana, podemos elegir una plantilla de la parte inferior o
CREAR IMAGEN INTERACTIVA:

Descarga todas las imágenes que se utilizarán de fondo y de elementos

decorativos de cada página.
Paso 3: Podemos elegir la o las imágenes que deseamos incluir en nuestra imagen
interactiva soltando los archivos o dando clic en medio de la ventana y eligiendo
los archivos, luego da clic en ACEPTAR

Paso 4: Si deseas puedes realizar un recorte a tu imagen original.

Paso 5: Vamos agregar una portada para el juego para ello vamos al apartado
PÁGINAS, Dale click a la opción AÑADIR PÁGINA, para crear una nueva hoja.

PASO 6: Dale click a la opción EN BLANCO BLANK.

PASO 7: Descarga una imagen para tu fondo para agregar además de la
portada principal, una segunda presentación presentando las instrucciones
del juego y además de que se utilice un objeto que se llama dado, para la
selección de que equipo empezará a jugar el juego de trivia que estamos
creando, agregar imagen.

PASO 8: Edita tu fondo colocándole un título, elementos interactivos de

ésta manera, mueves la pagina para que quede primera.
PASO 9: Para agregar el dado, visita la siguiente página web:
https://view.genial.ly/5ee8f85b0038740d8be73794/interactive-content-
dados
Dale click a DADO ORIGINAL y
copia ese texto que salío

Da click aquí

PASO 10: Dale clic a la opción INSERTAR, luego elige la opción OTROS y
pega ese texto, luego dale click al botón INSERTAR:
En el botón interactivo EMPEZAR e INICIAR, colócale de interacción
PÁGINA y eliges la página que es la que continúa, no olvides
ACEPTAR.

PASO 11: Puedes agregarle animaciones a tus textos, cuando le das clic a
un elemento elige el ícono de meteorito.
PASO 12: Ingresa otra página donde insertarás un objeto que será la ruleta
que dará inicio al juego de trivia, crearemos los botones interactivos a partir
de formas y textos, a los cuales estarán relacionados con los resultados
obtenidos por el objeto ruleta

PASO 13: Para agregar la ruleta, visita la siguiente página web:

https://wheeldecide.com/index.php?c1=Religi%C3%B3n&c2=Trigonometr%C3%ADa&c3=Litera
tura&c4=Historia&c5=Biolog%C3%ADa&c6=Ingl%C3%A9s&c7=Algebra&c8=Computaci%C3%B3
n&col=light&t=Prueben+sus+Conocimientos&time=3&remove=1
Primero tienes que borrar la muestra que tiene la página sobre la ruleta
anterior, en el botón Clear Choices y después agregar tus opciones que
serán los campos que dividirán regiones iguales a la circunferencia de la
ruleta, asi dándole vida a esta.

PASO 14: configurar, advance options de

la ruleta, aquí se configurará la
combinación de colores de la ruleta y la
demora de recorrido de la misma, en la
opción Second Spin, en donde se le dará
un tiempo de recorrido de las vueltas de
la ruleta por un intervalo de tiempo de
3s.
PASO 15: Una vez configurado la ruleta presionar el botón :

Que se encuentra en la parte inferior de Advance options, obteniendo

como resultado nuestra ruleta.
Después de ello solo queda generar el código que nos servirá para
introducir nuestra ruleta a nuestra página donde dará inicio al juego, esto
se logrará dando clic en el botón Embed Wheel, esto nos dará el siguiente
código que debemos introducir en genially:
<iframe
src="https://wheeldecide.com/e.php?c1=Religi%C3%B3n&c2=Trigonometr%C3%ADa&c3=Literatura&c4=Historia&c5=Biolog%C3%
ADa&c6=Ingl%C3%A9s&c7=Algebra&c8=Computaci%C3%B3n&col=light&t=Prueben+sus+Conocimientos&time=3&remove=1"
width="500" height="500" scrolling="no" frameborder="0"></iframe>

PASO 14: Se regresará a Genially, donde en la

herramienta insertar de la barra de
herramienta principal, al hacer clic, en la barra
de sub-herramientas se visualizará un apartado
de </>otros en forma de pestaña donde se
ingresará el código, de la misma forma que se
hizo con el dado interactivo, una vez insertado
clic en el botón insertar, acción que hará que la
ruleta se situé en la página asignada para el
inicio del juego.
Aquí se situará la ruleta configurada en la
página: https://wheeldecide.com/ esta para
que se active, tendrás que recargar la página de
Genially, previsualizar la página, para ver si
aparece sin ningún error, si presenta alguno,
actualizar nuevamente.
PASO 15: Se diseñará los botones mediante formas y texto sobre los temas
que se tomarán en el juego, cada uno de estos botones tiene que tener los
colores de los asignados en la ruleta, esto se logrará mediante una captura
de pantalla de la ruleta siendo previsualizada, y con ayuda del editor de
imágenes PIXLR, mediante la herramienta de gotero se extraerá los códigos
hexadecimales de los colores para asignarles a las formas, así estos tendrán
relación los colores de la ruleta.

PASO 16: Se asignará un fondo que trae Genially de un eclipse, además que
se insertará la imagen de nuestro fondo que sirve de portada a la
presentación, con un grado de transparencia para que se observe el círculo
del eclipse, para lograr un área donde irá nuestra ruleta y además de un
efecto de suspenso sobre el juego que se esta diseñando.