Cannonball - Revision history

A WASSERMANN at 14:49, 24 January 2023

2023-01-24T14:49:46Z

← Older revision		Revision as of 14:49, 24 January 2023
Line 13:		Line 13:

	fAngle = function () {		fAngle = function () {
	return Math.atan2(cp.Y()-rp.Y(),cp.X()-rp.X());		return Math.atan2(cp.Y()-rp.Y(), cp.X()-rp.X());
	},		},

Line 77:		Line 77:

	<source lang="javascript">		<source lang="javascript">
	(function () {		(function () {
	var board = JXG.JSXGraph.initBoard('~~cannon~~', {boundingbox: [0, 10, 20, 0], showCopyright: false, showNavigation: false}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [0, 10, 20, 0], showCopyright: false, showNavigation: false}),
	bottom = board.create('image', ['~~img~~/~~cannon_bottom~~.png', [0, 0.3], [2, 1]], {layer: 1}),		bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),
	muzzle = board.create('image', ['~~img~~/~~cannon_muzzle~~.png', [0, 1.05], [3, 0.75]], {layer: 0}),		muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),
	~~shoot = board.create('text', [9, 9.5, '<button id="shoot">Shoot</button>'])~~,		shootButton,
	~~reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>'])~~,		resetButton,
	rot, rp, cp, cc, cannonball, cbanim, solution, velocity,		rot, rp, cp, cc, cannonball, cbanim, solution, velocity,

Line 90:		Line 90:

	fAngle = function () {		fAngle = function () {
	return Math.atan2(cp.Y()-rp.Y(),cp.X()-rp.X());		return Math.atan2(cp.Y()-rp.Y(), cp.X()-rp.X());
	},		},

Line 109:		Line 109:

	return s;		return s;
			},

			shoot = function() {
			cannonball.setAttribute({
			visible: false
			});
			cbanim.setAttribute({
			visible: true
			});
			cbanim.moveTo([cannonball.X(), cannonball.Y()]);
			cbanim.moveAlong(fAnim, animTime(), {
			callback: function () {
			// this is executed when the animation is finished
			}
			});
			},
			resetFunc = function() {
			board.stopAllAnimation();
			cbanim.setAttribute({visible: false});
			cannonball.setAttribute({visible: true});
	};		};


	board.options.animationDelay = 50;		board.options.animationDelay = 50;

Line 127:		Line 148:
	solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});		solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});

			shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
	~~JXG.addEvent(document~~.~~getElementById~~('~~shoot'), 'mouseup~~', ~~function () {~~		resetButton = board.create('button', [11, 9.5, 'Reset', resetFunc]);
	~~cannonball.setAttribute({~~		})();
	~~visible: false~~
	~~});~~
	~~cbanim.setAttribute({~~
	~~visible: true~~
	~~});~~
	~~cbanim.moveTo(~~[~~cannonball.X()~~, ~~cannonball.Y()]);~~

	~~cbanim~~.~~moveAlong(fAnim~~, ~~animTime()~~, {
	~~callback: function (~~) {
	~~// this is executed when the animation is finished~~
	}
	~~});~~
	}, ~~this);~~

	~~JXG.addEvent(document~~.~~getElementById~~('~~reset~~'), '~~mouseup~~', ~~function () {~~
	~~board.stopAllAnimation();~~
	~~cbanim.setAttribute({visible: false});~~
	~~cannonball.setAttribute({visible: true}~~);
	~~}, this);~~

	})();
	</source>		</source>

	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Physics]]		[[Category:Physics]]

A WASSERMANN at 14:48, 24 January 2023

2023-01-24T14:48:23Z

← Older revision		Revision as of 14:48, 24 January 2023
Line 72:		Line 72:

	shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),		shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
	resetButton = board.create('~~text~~', [11, 9.5, 'Reset', resetFunc]);		resetButton = board.create('button', [11, 9.5, 'Reset', resetFunc]);
	/*		})();
	~~JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {~~
	~~board.stopAllAnimation();~~
	~~cbanim.setAttribute({visible: false});~~
	~~cannonball.setAttribute({visible: true});~~
	~~}, this);~~
	*/
	})();
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 14:47, 24 January 2023

2023-01-24T14:47:53Z

← Older revision		Revision as of 14:47, 24 January 2023
Line 35:		Line 35:

	shoot = function() {		shoot = function() {
	~~console.log("shoot");~~
	cannonball.setAttribute({		cannonball.setAttribute({
	visible: false		visible: false
Line 43:		Line 42:
	});		});
	cbanim.moveTo([cannonball.X(), cannonball.Y()]);		cbanim.moveTo([cannonball.X(), cannonball.Y()]);

	cbanim.moveAlong(fAnim, animTime(), {		cbanim.moveAlong(fAnim, animTime(), {
	callback: function () {		callback: function () {
Line 74:		Line 72:

	shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),		shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
	resetButton = board.create('text', [11, 9.5, 'Reset', resetFunc]),		resetButton = board.create('text', [11, 9.5, 'Reset', resetFunc]);
	/*		/*
	JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {		JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {

A WASSERMANN at 14:47, 24 January 2023

2023-01-24T14:47:18Z

← Older revision		Revision as of 14:47, 24 January 2023
Line 56:		Line 56:
	};		};

	~~shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),~~
	~~resetButton = board.create('text', [11, 9.5, 'Reset', resetFunc]),~~

	board.options.animationDelay = 50;		board.options.animationDelay = 50;
Line 75:		Line 73:
	solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});		solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});

			shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
			resetButton = board.create('text', [11, 9.5, 'Reset', resetFunc]),
			/*
	JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {		JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {
	board.stopAllAnimation();		board.stopAllAnimation();
Line 80:		Line 81:
	cannonball.setAttribute({visible: true});		cannonball.setAttribute({visible: true});
	}, this);		}, this);
			*/
	})();		})();
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 14:46, 24 January 2023

2023-01-24T14:46:39Z

@@ Line 49: / Line 49: @@
+                 }
                });
              };
          shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
-         resetButton = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),
+         resetButton = board.create('text', [11, 9.5, 'Reset', resetFunc]),
          board.options.animationDelay = 50;
@@ Line 70: / Line 75: @@
          solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});
          JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {
              board.stopAllAnimation();

A WASSERMANN at 14:45, 24 January 2023

2023-01-24T14:45:19Z

← Older revision		Revision as of 14:45, 24 January 2023
Line 4:		Line 4:
	bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),		bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),
	muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),		muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),
	~~shoot = board.create('button', [9, 9.5, 'Shoot'])~~,		shootButton,
	~~reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>'])~~,		resetButton,
	rot, rp, cp, cc, cannonball, cbanim, solution, velocity,		rot, rp, cp, cc, cannonball, cbanim, solution, velocity,

Line 50:		Line 50:
	});		});
	};		};

			shootButton = board.create('button', [9, 9.5, 'Shoot', shoot]),
			resetButton = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),

	board.options.animationDelay = 50;		board.options.animationDelay = 50;

A WASSERMANN at 14:43, 24 January 2023

2023-01-24T14:43:42Z

← Older revision		Revision as of 14:43, 24 January 2023
Line 32:		Line 32:

	return s;		return s;
			},

			shoot = function() {
			console.log("shoot");
			cannonball.setAttribute({
			visible: false
			});
			cbanim.setAttribute({
			visible: true
			});
			cbanim.moveTo([cannonball.X(), cannonball.Y()]);

			cbanim.moveAlong(fAnim, animTime(), {
			callback: function () {
			// this is executed when the animation is finished
			}
			});
	};		};

	board.options.animationDelay = 50;		board.options.animationDelay = 50;

Line 50:		Line 67:
	solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});		solution = board.create('plot', [fSolution, function () { return cannonball.X(); }, 20], {visible: true, doAdvancedPlot: false});

			/*
	JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {		JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {
	~~console.log("shoot");~~
	cannonball.setAttribute({		cannonball.setAttribute({
	visible: false		visible: false
Line 67:		Line 83:
	});		});
	}, this);		}, this);
			*/
	JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {		JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {
	board.stopAllAnimation();		board.stopAllAnimation();

A WASSERMANN at 14:41, 24 January 2023

2023-01-24T14:41:18Z

← Older revision		Revision as of 14:41, 24 January 2023
Line 4:		Line 4:
	bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),		bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),
	muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),		muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),
	shoot = board.create('~~text~~', [9, 9.5, '~~<button id="shoot">~~Shoot~~</button>~~']),		shoot = board.create('button', [9, 9.5, 'Shoot']),
	reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),		reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),
	rot, rp, cp, cc, cannonball, cbanim, solution, velocity,		rot, rp, cp, cc, cannonball, cbanim, solution, velocity,
Line 130:		Line 130:

	JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {		JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {
	cannonball.~~setProperty~~({		cannonball.setAttribute({
	visible: false		visible: false
	});		});
	cbanim.~~setProperty~~({		cbanim.setAttribute({
	visible: true		visible: true
	});		});
Line 147:		Line 147:
	JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {		JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {
	board.stopAllAnimation();		board.stopAllAnimation();
	cbanim.~~setProperty~~({visible: false});		cbanim.setAttribute({visible: false});
	cannonball.~~setProperty~~({visible: true});		cannonball.setAttribute({visible: true});
	}, this);		}, this);

A WASSERMANN at 14:39, 24 January 2023

2023-01-24T14:39:39Z

← Older revision		Revision as of 14:39, 24 January 2023
Line 52:		Line 52:

	JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {		JXG.addEvent(document.getElementById('shoot'), 'mouseup', function () {
	cannonball.~~setProperty~~({		console.log("shoot");
			cannonball.setAttribute({
	visible: false		visible: false
	});		});
	cbanim.~~setProperty~~({		cbanim.setAttribute({
	visible: true		visible: true
	});		});
Line 69:		Line 70:
	JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {		JXG.addEvent(document.getElementById('reset'), 'mouseup', function () {
	board.stopAllAnimation();		board.stopAllAnimation();
	cbanim.~~setProperty~~({visible: false});		cbanim.setAttribute({visible: false});
	cannonball.~~setProperty~~({visible: true});		cannonball.setAttribute({visible: true});
	}, this);		}, this);

A WASSERMANN at 14:38, 24 January 2023

2023-01-24T14:38:39Z

← Older revision		Revision as of 14:38, 24 January 2023
Line 2:		Line 2:
	(function () {		(function () {
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [0, 10, 20, 0], showCopyright: false, showNavigation: false}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [0, 10, 20, 0], showCopyright: false, showNavigation: false}),
	bottom = board.create('image', ['~~http~~://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),		bottom = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/1/13/Cannon_bottom.png', [0, 0.3], [2, 1]], {layer: 1}),
	muzzle = board.create('image', ['~~http~~://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),		muzzle = board.create('image', ['https://jsxgraph.uni-bayreuth.de/wiki/images/e/e4/Cannon_muzzle.png', [0, 1.05], [3, 0.75]], {layer: 0}),
	shoot = board.create('text', [9, 9.5, '<button id="shoot">Shoot</button>']),		shoot = board.create('text', [9, 9.5, '<button id="shoot">Shoot</button>']),
	reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),		reset = board.create('text', [11, 9.5, '<button id="reset">Reset</button>']),