DIA 8

EXPLOSION EXPLOTA.

Al alcanzar los bichos nuestros proyectiles, explosionan. Esto lo hemos conseguido con un método que accede a las propiedades del CSS para situarse en la misma posición que la colisión, y mostrar la imagen de la explosión. Esta explosión sólo permanece en pantalla un periódo de tiempo determinado.

Ahora vamos a intentar confeccionar un "FIN DE JUEGO" o "FIN DE NIVEL".

DIA 7

Hemos hecho DIANA!!!!

Nuestros proyectiles matan cuando chocan contra un bicho. Nos ha costado menos de lo que pensabamos.

Para ello hemos hecho  dos métodos:
- Método para detectar colisión con nuestros bichos.
- Método para eliminar los bichos cuando colisionan con el proyectil.

Siguiente paso ¡¡¡EXPLOSIONAR!!!

DIA 6

APUNTEN, DISPAREN, FUEGO....

Después de varias horas de investigación, y de pruebas varias, nuestro matabichos DISPARA....
¿Cómo lo hemos conseguido?
- Tenemos un método que recoge el evento.
- Otro método que realiza el disparo.
- Un tercer método que elimina los disparos cuando salen de la pantalla
- Un último método que controla como se desplaza el disparo.

Vamos a por las colisiones.

DIA 5

Nuestra arma se mueve. Después de largas horas de trabajo hemos conseguido dar movimiento a nuestro "matamoscas" con los cursores del teclado en los limites del contenedor.
Nos hace un efecto un poco raro, al llegar a la parte superior. Pero con paciencia y un poco de ayuda del profe seguro que lo conseguimos mejorar.
Nosotras seguiremos ahora investigando como hacer que el arma dispare.

En esta etapa nos hemos familiarizado con los eventos del teclado onKeyPress y onKeyUp, que eran desconocidos para nosotras.

DIA 4

Peleandonos con el arma!!!!!
Hemos estado investigando como usar eventos y aplicarlos en el movimiento de nuestra arma. Barajamos dos posibilidades, todavía no sabemos cual de ellas nos va a funcionar al final, despues de toda una mañana haciendo pruebas.

Seguimos trabajando en ello......

DIA 3

Por fin las moscas se mueven!!!!!

Hemos tenido problemas con el acceso al css externo, así que hemos decicido hasta averiguar como hacerlo de otra manera, poner los estilos a los que vamos a acceder mediante DOM en las propias etiquetas HTML.

Hemos investigado por la web, como acceder a los estilos de las hojas externas, pero nada de lo que hemos visto nos ha funcionado por el momento.

Por ejemplo :

var miDiv = document.getElementById("miDiv"); 
var computedStyle = window.getComputedStyle(miDiv);

computedStyle.getPropertyValue("border-color");
computedStyle.setProperty("border-color", "yellowgreen", null);

El get nos funciona porque lo hemos comprobado con un alert y nos devuelve el valor de la propiedad correspondiente, que en nuestro caso era la posición left. Pero el set, que es el que nos interesa, no da resultados.

DIA 2

Hemos estado investigando acerca de como mover los enemigos por la pantalla. Y como acceder a los elementos y atributos del Html mediante el DOM.

De momento la búsqueda no ha dado resultados positivos, seguiremos trabajando.