html5 im kreis fahren problem

[bammes]

Nabend leute,

(zum nachschauen )
(gibt komische probleme mit link hier mal kompliziert:
h t t p : / / n o n a m e b e r i c h t e . s q u a r e 7 . c h / P r o b l e m /
)

Ich möchte einen kleinen Kreis in einem Kreis fahren lassen.
das Problem ist, dass es komischerweise eine Abweichung gibt, die gewaltig ist.

var scaleX = Math.cos(data.ball.angle*Math.PI/180);
	var scaleY = Math.sin(data.ball.angle*Math.PI/180);
	var velX = data.ball.speed * scaleX * (data.frameTime/1000);
	var velY = data.ball.speed * scaleY * (data.frameTime/1000);
	if(data.ball.angle <= 360){
	data.ball.angle += 900 * (data.frameTime/1000);
	}
	else{
	data.ball.angle = 0;
	}

is gilt:

var data = {
	fps: 60,
	ball: {
		start: {
			x: 300,
			y: 300,
		},
		radiant: 5,
		color: "black",
		x: 100,
		y: 100,
		speed: 1000,
		acceleration: 2,
		gravity: 0,
		angle: 30,
	},
	workspace: {
		width: 1200,
		height: 1000,
		backgroundColor: "yellow",
		id: "gameGround",
		outerBorder: 5,
	},
}

und frametime ist die zeit in ms des letzten frames

hat da jemand einen eine Idee, wiso kein Perfekter Kreis entsteht?

[ms​]

Dass kein perfekter Kreis entsteht liegt an zwei Faktoren:

1. Wenn der Ball mindestens 360° durchlaufen hat, dann setzt du ihn auf genau 0° zurück. Du vergisst dabei aber, dass der Ball in der Regel nicht genau 360° zurückgelegt hat, sondern etwas mehr. Deswegen solltest du stattdessen nach jeder Umrundung genau 360° abziehen, damit keine Verschiebung entsteht.

data.ball.angle += 900 * (data.frameTime/1000);
if(data.ball.angle >= 360)
    data.ball.angle -= 360;

2. Jetzt läuft der Ball zwar im Kreis, springt aber hin und wieder auf eine andere Bahn. Das liegt daran, dass die Bewegung des ***** zeitabhängig ist. Wenn der Browser mal kurz laggt, dann legt der Ball dementsprechend auch eine weitere Strecke zurück. Außerdem ist die Zeitmessung nur auf die Millisekunde genau, weswegen die Kreisbahnen auch nicht zu 100% perfekt sind.

[bammes]

k habs mal abgeändert.

hab jetzt keine funktion gefunden, mit der man in JS mikro oder nanosekunden messen kann.

Schade :-(