Wybacz zabawny tytuł. Stworzyłem małe graficzne demo 200 kulek podskakujących i zderzających się, zarówno o ściany, jak io siebie nawzajem. Możesz zobaczyć, co aktualnie mam tutaj: http://www.exeneva.com/html5/multipleBallsBouncingAndColliding/
Problem polega na tym, że za każdym razem, gdy się zderzają, znikają. Nie jestem pewien dlaczego. Czy ktoś może rzucić okiem i pomóc mi?
AKTUALIZACJA: Najwyraźniej tablica kulek ma piłki o współrzędnych NaN. Poniżej znajduje się kod, w którym pcham piłki do tablicy. Nie jestem całkowicie pewien, w jaki sposób współrzędne uzyskują NaN.
// Variables
var numBalls = 200; // number of balls
var maxSize = 15;
var minSize = 5;
var maxSpeed = maxSize + 5;
var balls = new Array();
var tempBall;
var tempX;
var tempY;
var tempSpeed;
var tempAngle;
var tempRadius;
var tempRadians;
var tempVelocityX;
var tempVelocityY;
// Find spots to place each ball so none start on top of each other
for (var i = 0; i < numBalls; i += 1) {
tempRadius = 5;
var placeOK = false;
while (!placeOK) {
tempX = tempRadius * 3 + (Math.floor(Math.random() * theCanvas.width) - tempRadius * 3);
tempY = tempRadius * 3 + (Math.floor(Math.random() * theCanvas.height) - tempRadius * 3);
tempSpeed = 4;
tempAngle = Math.floor(Math.random() * 360);
tempRadians = tempAngle * Math.PI/180;
tempVelocityX = Math.cos(tempRadians) * tempSpeed;
tempVelocityY = Math.sin(tempRadians) * tempSpeed;
tempBall = {
x: tempX,
y: tempY,
nextX: tempX,
nextY: tempY,
radius: tempRadius,
speed: tempSpeed,
angle: tempAngle,
velocityX: tempVelocityX,
velocityY: tempVelocityY,
mass: tempRadius
};
placeOK = canStartHere(tempBall);
}
balls.push(tempBall);
}
Odpowiedzi:
Twój błąd pochodzi początkowo z tego wiersza:
Masz
ball1.velocitY
(który jestundefined
) zamiastball1.velocityY
. ToMath.atan2
daje wamNaN
i taNaN
wartość propaguje się we wszystkich waszych obliczeniach.To nie jest przyczyna twojego błędu, ale jest coś jeszcze, co możesz chcieć zmienić w tych czterech liniach:
Nie potrzebujesz dodatkowych zadań i możesz po prostu użyć samego
+=
operatora:źródło
Wystąpił błąd w
collideBalls
funkcji:Powinno być:
źródło