Saving the Universe

Datos del estudiante:

Cristian Martinez Collazos
Ing. Sistemas
Cdigo: 97111804340
crmartinezco@unal.edu.co

Proceso de creacin:
Saving the Universe tiene como fin buscar a un guardin, el cual pueda salvar al planeta tierra las
malvadas manos del seor oscuro. El juego se desarroll elementos de CSS, HTML y JAVASCRIPT.
Adems, se implementan las grficas 2D.

A continuacin explicar cada nivel y las clases que se usaron.

Al inicial el juego.html se inicia el archivo de JAVASCRIPT (JavaScript es lo ms importante en el

juego, ya que aqu se desarroll en gran porcentaje el juego) main.js, este archivo es nuestro principal
archivo, en este archivo est almacenada la informacin del primer nivel. El primer nivel cuenta con
la dificultad mnima, es decir la mnima cantidad de enemigos y una velocidad reducida, como se
aprecia en la imagen.

Una vez derrotados todos los enemigos del nivel uno, la pgina nos redijere al archivo nivel_2.html
y posteriormente a nivel_2.js, a medida que avanza el juego, la velocidad tanto de la nave como de
los enemigos aumentar, as mismo la cantidad de disparos de parte de las naves enemigas, recuerda
quieren acabar contigo.
Este mismo proceso se desarrollar hasta el cuarto nivel, lo nico que variar es la dificultad y tamao
del escenario como se puede observar en las siguientes imgenes.

Nivel 3
 Nivel 4

Bien, ahora explicar el contenido de cada archivo .html y .js.

Archivos .html:
- Index
- Instrucciones
- Juego
- site_map
- sobre_el_juego
- niveles
El archivo index.html es el archivo que inicia el aplicativo, ya que nos llevar hasta la pgina principal
de nuestro local Host donde est ubicado el juego. En instrucciones.html, site_map.html y
sobre_el_juego.html se encuentra informacin bsica del juego, Qu es? Cmo jugar? Teclas de
manejo, etc. Finalmente en juego.html y niveles (entindase como nivel_2, nivel_3 y ultimo_nivel)
se encuentra la base de cada nivel, ya que cada una exportar la informacin de main.js, nivel_2.js,
nivel_3.js y ultimo_nivel.js, respectivamente.
En los ltimos archivos .js mencionados se encuentra la lgica de cada nivel, es decir, la ubicacin
de los enemigos, la dificultad, las funciones que nos dirn si hemos ganado o perdido, si hemos dado
a un enemigo o viceversa, etc. Todos son similares, los cambios son pequeos.
Archivos .js:
- main.js
- nivel_2.js
- nivel_3.js
- ultimo_nivel.js
- preloadjs-0.1.0.min.js
Los cuatro primero archivos ya los mencion. Sin embargo, me falta uno, aquel .js en una librera de
JAVASCRIPT que me ayudar a cargar cada imagen del canvas, es decir, cada imagen que pertenezca
al juego, con un nico y simple fin, no presentar bugs en el transcurso del juego. Esta librera necesita
de funciones auxiliares que le ayuden a hacer su trabajo, cada una de estas funciones est definida en
cada .js correspondiente a cada nivel. Para inicializar esta librera, se hace desde cada .html de cada
nivel.
Una vez explicado cada archivo que permite el buen rendimiento del aplicativo, me permito enunciar
el panel de control.
Es sencillo, la nave se mover con las teclas W,A,S,D y las flechas de navegacin, sus movimientos
sern arriba, izquierda, abajo y derecha respectivamente, se recomienda usar las teclas W,A,S,D, para
que no ocurran inconvenientes con la pgina, es decir que se mueva de lado a lado o de arriba hacia
abajo. Luego de empezar el movimiento, debern empezar a disparar, los disparos se crearan al
oprimir las teclas K o L, se destinaron estas dos letras, para evitar problemas ya mencionados con la
barra espaciadora.
Teclas adicionales, en esta posicin ubicaremos la tecla C y ENTER, con la primera avanzaremos de
nivel una vez el canvas se encuentre libre de enemigos y con la ltima reiniciaremos al primer nivel
una vez seamos impactados por una bala enemiga.
Finalmente, no olvides divertirte y salvar el mundo, confiamos en ti.

Animo y Lucha guerrero!