Crear "videojuego" corto que se pueda incrustar en sitio web

Requerimientos técnicos
· El videojuego debe estar en formato HTML5
· El videojuego de estar programado para dispositivos móviles y escritorio
· El videojuego debe ser responsivo en distintos dispositivos
· El videojuego debe estar programado con librerías seguras no vulnerables ni antiguas
· El código de estar minificado y lo más optimizado posible
· El código se debe entregar en un empaquetado listo para su instalación en un hosting

Requerimientos funcionales

· Referencia guía muy parecida a lo que se espera ver: http://www.rleonardi.com/interactive-resume/

Te recibe el inicio del juego “Un camino para recordar - La ciudad que tenemos” que simulará ser una ciudad de México.

El avatar que juega es un ciudadano y va a dar un recorrido, donde va a parar en lugares/puntos/niveles y en cada uno se le hará una pregunta relacionada al punto donde paró. Hasta arriba se deberá llevar un conteo de las respuestas correctas equivalente a un punto.

Deberá parar en:
PARADA 1
Representado por un libro grande que en la portada tenga el logo del programa. El libro puede abrirse y mostrar la pregunta.

PARADA 2
Representado por un camión grande que tenga un logotipo en un costado. El ciudadano/jugador puede subirse y llegar a la pregunta.

PARADA 3
Representado con un globo aerostático con un logo, el ciudadano se subirá al globo y al ir subiendo te mostrará la pregunta.

PARADA 4
Representado por un edificio que emule una universidad, con el logo grande por fuera. El ciudadano entrará y saldrá, pasando a ver la pregunta.

PARADA 5
Representado por una ambulancia con el logo a un costado, en la cual se podrá subir el ciudadano y al llegar a una casita podrá ver la pregunta.

PARADA 6
Representado por un escenario, en donde se moverán algunas luces de reflectores y mostrarán la pregunta.

PARADA 7
Representado por un parque, donde al ir avanzando crecerán árboles y flores, mostrando al final la pregunta.

PARAD 8
Representado por un edificio que simula ser el real, con el nombre grande por fuera, el ciudadano pasará y saldrá del otro lado mostrando la pregunta.

PARADA 9
Representado por un edificio que simula ser el real, con el nombre grande por fuera, el ciudadano pasará y saldrá del otro lado mostrando la pregunta. Al ciudadano se le ponen unos lentes de realidad aumentada.

PARADA 10
Representado por un parque simulando ser el real, donde al avanzar el ciudadano en bicicleta, se mostrarán árboles, plantas y al final mostrando la pregunta.

Debe permitir mostrar el resultado de los aciertos a las preguntas y compartir en redes sociales.