почему не работает код в цикле?

[nikytt]

Если один обьект (Мяч) поставить выполнение его методов то работает или несколько только если в ручную каждый прописать

Ball1.draw();

//перемещение
Ball1.move();
//проверка столкновения
Ball2.checkCollision();

Ball2.draw();

//перемещение
Ball2.move();
//проверка столкновения
Ball2.checkCollision();

и т .д. а если много мячей через цикл не получается


[CODE]<script type="text/javascript">

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

//#1. Увеличение размеров «холста»

var width = canvas.width;
var height = canvas.height;


//Конструктор Ball

var Ball = function () {
this.x = 100;
this.y = 100;

this.xSpeed = Math.random()*5 - 5;
this.ySpeed = Math.random()*5 - 5;
};

//Рисуем мяч

var circle = function (x, y, radius, fillCircle) {

ctx.beginPath();
ctx.arc(x, y, radius, 0, Math.PI*2, false);

if (fillCircle) {
ctx.fill();
}else{
ctx.stroke();
}


};

//этот метод будет доступен всем обьектам созданным от Ball
Ball.prototype.draw = function () {


circle(this.x, this.y, 3, true);
};



//Перемещение мяча

Ball.prototype.move = function () {

this.x += this.xSpeed;
this.y += this.ySpeed;

};

//Отскоки мяча

Ball.prototype.checkCollision = function () {


if (this.x < 0 || this.x > width) {
this.xSpeed = - this.xSpeed;
}

if (this.y < 0 || this.y > height) {
this.ySpeed = - this.ySpeed;
}
}

//создаем мяч
var ball0 = new Ball();
var ball1 = new Ball();
var ball2 = new Ball();
var ball3 = new Ball();
var ball4 = new Ball();
var ball5 = new Ball();
var ball6 = new Ball();
var ball7 = new Ball();
var ball8 = new Ball();
var ball9 = new Ball();
var ball10 = new Ball();




//#3. Больше мячиков!

var arrayBall = [];

//заполнили масив arrayBall 10 мячами
for (var i = 0; i < 10; i++) {
//arrayBall.push('ball'+i);
arrayBall.push('Ball'+i);
}


проблема именно в

setInterval(
function () {

for (var i = 0; i < arrayBall.length; i++) {

//очиска холста
ctx.clearRect(0, 0, width, height);

//рисуем по новому в другом месте (координатах)
arrayBall[i].draw();

//перемещение
arrayBall[i].move();
//проверка столкновения
arrayBall[i].checkCollision();
arrayBall[i].move();
//проверка столкновения
arrayBall[i].checkCollision();
//рисуем обводку холста
ctx.strokeRect(0, 0, width, height);

if (i>=arrayBall.length) {
i=0;
}

}

}, 30);

что тут не правильно?

[p51x]

Так добавляйте в массив объекты, а не строки.

[nikytt]

Сообщение от p51x

Так добавляйте в массив объекты, а не строки.

спасибо а можно пример из моего кода?

[p51x]

Ну пуште сразу нью бол в массив.

[nikytt]

Сообщение от p51x

Ну пуште сразу нью бол в массив.

пробовал но что то не вышло попробую еще.

[nikytt]

вот так

//#3. Больше мячиков!

var arrayBall = [];

//заполнили масив arrayBall 10 мячами
for (var i = 0; i < 10; i++) {

arrayBall.push('var ball' + i +' = new Ball()');
}

?

[p51x]

Зачем вы строку пихаете? Зачем вам объявление переменной пихать? Какое выражение создает объект?

[nikytt]

Сообщение от p51x

Зачем вы строку пихаете? Зачем вам объявление переменной пихать? Какое выражение создает объект?

new Ball()

[p51x]

И? Зачем вы чепуху пытаетесь в массив пихнуть, а не объекты?

[nikytt]

Сообщение от p51x

И? Зачем вы чепуху пытаетесь в массив пихнуть, а не объекты?

так а создать чтобы уникальный обьект ему же имя нужно