Arrays de objetos

[dureo]

Hola, estoy realizando un sencillo juego en Canvas de html5 y intento generar unas bolas de fuego que caen.

Para generarlas uso lo siguiente:

Código:

var balls = new Array();

var numberOfFireballs = 3;

var fireball = {
	speed : 100
};

for (i = 0; i < numberOfFireballs; i++) {
	balls[i] = fireball;
};

el problema es que al hacer...

Código:

for (i = 0; i < numberOfFireballs; i++) {
		if (balls[i]) {
			if (balls[i].y > canvas.height) {
				resetFire(i);
			} else {
				balls[i].y += balls[i].speed * modifier;
			}
		}
	}

var resetFire = function(i) {
	do {
		balls[i].x = 32 + (Math.random() * (canvas.width - 64));
	} while ((balls[i].x + 30) > (canvas.width - 30) && (balls[i].x) > (30))
	balls[i].y = 0;
};

me cambia el x de todos los balls[i] a la vez y no una x diferente para cada balls[i].
Y por eso las bolas que deberían aparecer en diferentes zonas de la pantalla aparecen superpuestas todas en la misma posición.

Gracias por la ayuda, espero que se entienda.

[diamari]

Allí no esta el código completo para generarla ya que estas utilizando y x. Probando resetFire solo, si hace su trabajo. Tendrás que verificar que ese for este funcionando como supone o colocar código funcional para poder recrear el error y poder ver donde es el problema.

[quimfv]

Diria que este condicional no tien mucho sentido

if (balls[i])

balls[i]={ speed : 100 };

y eso no es un booleano, no?

O lo lee siempre como true o siempre como false con lo que no tiene sentido....

???

Código Javascript:

for (i = 0; i < numberOfFireballs; i++) {
            if (balls[i].y > canvas.height) {
                resetFire(i);
            } else {
                balls[i].y += balls[i].speed * modifier;
            }
    }
 
 
function resetFire(i) {
    do {
        balls[i].x = 32 + (Math.random() * (canvas.width - 64));
    } while ((balls[i].x + 30) > (canvas.width - 30) 
                    && (balls[i].x) > (30));
    balls[i].y = 0;
}
 

Con el codigo completo te podriamos ayudar con mas seguirdad....

[zerokilled]

buenas,

Diria que este condicional no tien mucho sentido

if (balls[i])

balls[i]={ speed : 100 };

y eso no es un booleano, no?

cito el texto porque sospecho que hay una especie de duda. en este caso particular todos generan true porque un objeto convertido a boolean siempre devuelve true. no obstante, en algo tienes razón... la condición carece de sentido ya que no existe la posibilidad de un false, asumiendo que siempre se itera por la longitud del array y que todos los elementos sean un objeto.

el problema surge en esta línea.

Código:

for (i = 0; i < numberOfFireballs; i++) {
	balls[i] = fireball;
};

específicamente porque le estás asignando el mismo objeto a todos los elementos del array. es decir, cada elemento es una referencia de las demás. en javascript, los objetos no se asignan como copia sino como referencia. de modo que múltiples contenedores accesan al mismo objeto y por ende cuando uno altera el estado en los demás se refleja.

Código:

var obj = {prop: "value"};
var ref = obj;
ref.prop = 'modified';
alert(obj.prop); // modified;