Estoy creando un videojuego de disparos, y tengo puesto que cuando pulse la tecla ESPACIO dispare una bala. Para ello he creado un div cuya id es "disparos", y entonces cuando pulsa espacio añado una imagen al div:
Código HTML:
document.getElementById("disparos").innerHTML = document.getElementById("disparos").innerHTML + '<img src="disparo.png" width="10" height="10" id="disparo' + id + '">';
Donde la variable "id" es una variable que me permite distinguir a cada disparo. Luego tengo una función que coge cada disparo y los hace mover. Funciona muy bien nada más empezar el juego, pero después de unos segundos los disparos se ven a saltos, en vez de verse todo el recorrido. Supongo que es porque se han creado demasiadas imágenes y está consumiendo demasiada memoria, o algo así... ¿Cómo lo puedo hacer más eficazmente?
Gracias
