JavaScript-Tutorium:Physics - Versionsgeschichte

Lawrence am 22. Oktober 2015 um 20:48 Uhr

2015-10-22T20:48:58Z

Lawrence: /* Auflösung von Kollision */

2014-12-08T07:20:22Z

Auflösung von Kollision

← Nächstältere Version		Version vom 8. Dezember 2014, 07:20 Uhr
Zeile 376:		Zeile 376:

	<source lang="javascript">		<source lang="javascript">
	~~var collisionDepth = self._getCollisionDepth(a, b);~~
	var collisionDepth = self._getCollisionDepth(a, b);		var collisionDepth = self._getCollisionDepth(a, b);
	var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';		var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';
Zeile 404:		Zeile 403:

	<source lang="javascript">		<source lang="javascript">
	~~var collisionDepth = self._getCollisionDepth(a, b);~~
	var collisionDepth = self._getCollisionDepth(a, b);		var collisionDepth = self._getCollisionDepth(a, b);
	var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';		var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';

Lawrence: /* Umkehrung von Geschwindigkeit */

2014-12-08T07:16:44Z

Umkehrung von Geschwindigkeit

← Nächstältere Version		Version vom 8. Dezember 2014, 07:16 Uhr
Zeile 351:		Zeile 351:

	<source lang="javascript">		<source lang="javascript">
	~~var collisionDepth = self._getCollisionDepth(a, b);~~
	var collisionDepth = self._getCollisionDepth(a, b);		var collisionDepth = self._getCollisionDepth(a, b);
	var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';		var collisionAxis = collisionDepth.x > collisionDepth.y ? 'y' : 'x';
Zeile 369:		Zeile 368:
	Der x-Anteil der Geschwindigkeit vom Ball wird umgekehrt auf -2 sodass der Ball sich weiter nach links oben bewegt.		Der x-Anteil der Geschwindigkeit vom Ball wird umgekehrt auf -2 sodass der Ball sich weiter nach links oben bewegt.
	Die Geschwindigkeit des Hindernisses braucht nicht umgekehrt werden, da es sich um ein unbewegliches Element handelt.		Die Geschwindigkeit des Hindernisses braucht nicht umgekehrt werden, da es sich um ein unbewegliches Element handelt.


	====Auflösung von Kollision====		====Auflösung von Kollision====

Lawrence: /* Kollisionserkennung */

2014-12-08T07:13:08Z

Kollisionserkennung

← Nächstältere Version		Version vom 8. Dezember 2014, 07:13 Uhr
Zeile 302:		Zeile 302:
	for (var i = 0; i < self._elements.length - 1; i++) {		for (var i = 0; i < self._elements.length - 1; i++) {
	a = self._elements[i];		a = self._elements[i];
	for (var j = i + 1; j < self._elements.length; i++) {		for (var j = i + 1; j < self._elements.length; j++) {
	b = self._elements[i];		b = self._elements[i];
	// TODO: Your code goes here		// TODO: Your code goes here
Zeile 311:		Zeile 311:

	Auf diese Weise wird jede mögliche Zweierkombination von Elementen garantiert auch nur einmal durchlaufen.		Auf diese Weise wird jede mögliche Zweierkombination von Elementen garantiert auch nur einmal durchlaufen.


	===Kollisionstiefe===		===Kollisionstiefe===

Lawrence am 7. Dezember 2014 um 13:40 Uhr

2014-12-07T13:40:24Z

Änderungen zeigen

Lawrence am 1. Dezember 2014 um 09:58 Uhr

2014-12-01T09:58:05Z

← Nächstältere Version		Version vom 1. Dezember 2014, 09:58 Uhr
Zeile 196:		Zeile 196:

	<source lang="javascript">		<source lang="javascript">
	self.~~_gy~~ = 0.1;		self._ay = 0.1;
	self._updateElements = function() {		self._updateElements = function() {
	var element = null;		var element = null;
Zeile 202:		Zeile 202:
	element = self._elements[i];		element = self._elements[i];
	element.vx += element.ax;		element.vx += element.ax;
	element.vy += element.ay + self.~~_gy~~;		element.vy += element.ay + self._ay;
	element.y += element.vy;		element.y += element.vy;
	element.y += element.vy;		element.y += element.vy;

Lawrence am 1. Dezember 2014 um 09:50 Uhr

2014-12-01T09:50:14Z

← Nächstältere Version		Version vom 1. Dezember 2014, 09:50 Uhr
Zeile 109:		Zeile 109:
	<source lang="javascript">		<source lang="javascript">
	self._updateElements = function() {		self._updateElements = function() {
	for (var i = 0; i < self.~~_objects~~.length; i++) {		for (var i = 0; i < self._elements.length; i++) {
	self.~~_objects~~[i].x += 1;		self._elements[i].x += 1;
	self.~~_objects~~[i].y += 1;		self._elements[i].y += 1;
	}		}
	};		};
Zeile 133:		Zeile 133:

	self._updateElements = function() {		self._updateElements = function() {
	for (var i = 0; i < self.~~_objects~~.length; i++) {		for (var i = 0; i < self._elements.length; i++) {
	self.~~_objects~~[i].x += self.~~_objects~~[i].vx;		self._elements[i].x += self._elements[i].vx;
	self.~~_objects~~[i].y += self.~~_objects~~[i].vy;		self._elements[i].y += self._elements[i].vy;
	}		}
	};		};
Zeile 199:		Zeile 199:
	self._updateElements = function() {		self._updateElements = function() {
	var element = null;		var element = null;
	for (var i = 0; i < self.~~_objects~~.length; i++) {		for (var i = 0; i < self._elements.length; i++) {
	element = self.~~_objects~~[i];		element = self._elements[i];
	element.vx += element.ax;		element.vx += element.ax;
	element.vy += element.ay + self._gy;		element.vy += element.ay + self._gy;
Zeile 218:		Zeile 218:
	self._updateElements = function() {		self._updateElements = function() {
	var element = null;		var element = null;
	for (var i = 0; i < self.~~_objects~~.length; i++) {		for (var i = 0; i < self._elements.length; i++) {
	element = self.~~_objects~~[i];		element = self._elements[i];
	if (!element.isImmovable) {		if (!element.isImmovable) {
	element.vx += element.ax;		element.vx += element.ax;
Zeile 280:		Zeile 280:

	<source lang="javascript">		<source lang="javascript">
	self.~~_areObjectsColliding~~ = function(a, b) {		self._areElementsColliding = function(a, b) {
	if ((a.x > b.x + b.width) \|\| (b.x > a.x + a.width)) {		if ((a.x > b.x + b.width) \|\| (b.x > a.x + a.width)) {
	return false;		return false;

Lawrence: /* Abstrakte Einheiten */

2014-12-01T09:48:06Z

Abstrakte Einheiten

← Nächstältere Version		Version vom 1. Dezember 2014, 09:48 Uhr
Zeile 22:		Zeile 22:

	<source lang="javascript">		<source lang="javascript">
	var Player = function(x, y) {		var Player = function(x, y, width, height) {
	var self = this;		var self = this;
	self.x = x;		self.x = x;
	self.y = y;		self.y = y;
	self.width = 10;		self.width = width;
	self.height = 10;		self.height = height;
	};		};

	var renderPlayer = function(player, scaleFactor) {		var renderPlayer = function(player, scaleFactor) {
	var div = document.~~createChild~~('div');		var div = document.createElement('div');
	div.style.position = 'absolute';		div.style.position = 'absolute';
			div.style.backgroundColor = '#F00';
	div.style.width = player.width * scaleFactor + 'px';		div.style.width = player.width * scaleFactor + 'px';
	div.style.height = player.height * scaleFactor + 'px';		div.style.height = player.height * scaleFactor + 'px';
	div.style.left = player.x * scaleFactor+ 'px';		div.style.left = player.x * scaleFactor + 'px';
	div.style.top = player.y * scaleFactor+ 'px';		div.style.top = player.y * scaleFactor+ 'px';
	document.querySelector('body').appendChild(div);		document.querySelector('body').appendChild(div);
	}		};

	var player1 = new Player(10, 10);		var player1 = new Player(10, 10, 10, 10);
	renderPlayer(player1);		renderPlayer(player1, 5);
	</source>		</source>

Zeile 57:		Zeile 58:
	};		};
	</source>		</source>


	===Welt und Elemente===		===Welt und Elemente===

Lawrence: /* Beschleunigung */

2014-12-01T07:58:36Z

Beschleunigung

← Nächstältere Version		Version vom 1. Dezember 2014, 07:58 Uhr
Zeile 185:		Zeile 185:
	element.vx += element.ax;		element.vx += element.ax;
	element.vy += element.ay;		element.vy += element.ay;
	element.y += element.vy;		element.x += element.vx;
	element.y += element.vy;		element.y += element.vy;
	}		}
	};		};
	</source>		</source>


	===Erdanziehung===		===Erdanziehung===

Lawrence: /* Welt und Elemente */

2014-12-01T07:41:22Z

Welt und Elemente

← Nächstältere Version		Version vom 1. Dezember 2014, 07:41 Uhr
Zeile 66:		Zeile 66:

	<source lang="javascript">		<source lang="javascript">
	var Element = function(x, y) {		var Element = function(x, y, width, height) {
	var self = this;		var self = this;
	self.x = x;		self.x = x;
	self.y = y;		self.y = y;
			self.width = width;
			self.height = height;
	};		};

Zeile 78:		Zeile 80:
	self._elements = [];		self._elements = [];

	self.~~addElements~~ = function(element) {		self.addElement = function(element) {
	self._elements.push(element);		self._elements.push(element);
	};		};
Zeile 96:		Zeile 98:
	};		};
	</source>		</source>


	==Ortsänderungen==		==Ortsänderungen==