Pendulum - Revision history

A WASSERMANN at 13:21, 3 March 2021

2021-03-03T13:21:35Z

← Older revision		Revision as of 13:21, 3 March 2021
Line 14:		Line 14:
	isInDragMode = false;		isInDragMode = false;

	var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.~~createElement~~('text',[-8,6,'gravity']);		var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.create('text',[-8,6,'gravity']);
	var cc = board.create('slider',[[3,6],[6,6],[0.1,0.5,1]]); board.~~createElement~~('text',[1,6,'damping']);		var cc = board.create('slider',[[3,6],[6,6],[0.1,0.5,1]]); board.create('text',[1,6,'damping']);

	function startAnimation(start_theta) {		function startAnimation(start_theta) {
Line 72:		Line 72:
	isInDragMode = false;		isInDragMode = false;

	var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.~~createElement~~('text',[-8,6,'gravity']);		var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.create('text',[-8,6,'gravity']);
	var cc = board.create('slider',[[3,6],[6,6],[0.1,0.5,1]]); board.~~createElement~~('text',[1,6,'damping']);		var cc = board.create('slider',[[3,6],[6,6],[0.1,0.5,1]]); board.create('text',[1,6,'damping']);

	function startAnimation(start_theta) {		function startAnimation(start_theta) {

Veillette at 13:20, 17 September 2013

2013-09-17T13:20:49Z

← Older revision		Revision as of 13:20, 17 September 2013
Line 1:		Line 1:
	==~~Springs:~~ Simple Pendulum with Damping==		==Simple Pendulum with Damping==
	~~contributed by [http://www.physics.berea.edu/martinveillette.php Martin Veillette], Berea college.~~
	<jsxgraph width="800" height="600">		<jsxgraph width="800" height="600">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),

A WASSERMANN at 08:21, 7 August 2012

2012-08-07T08:21:53Z

← Older revision		Revision as of 08:21, 7 August 2012
Line 1:		Line 1:
	==Springs: Simple Pendulum with Damping==		==Springs: Simple Pendulum with Damping==
	contributed by ~~'''~~Martin Veillette~~'''~~, Berea college.		contributed by [http://www.physics.berea.edu/martinveillette.php Martin Veillette], Berea college.
	<jsxgraph width="800" height="600">		<jsxgraph width="800" height="600">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),

A WASSERMANN at 08:19, 7 August 2012

2012-08-07T08:19:49Z

← Older revision		Revision as of 08:19, 7 August 2012
Line 61:		Line 61:
	<source lang="javascript">		<source lang="javascript">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),
	p1 = board.create('point', [0.0, 0.0], {visible:false, name: 'a', size: 3}),		p1 = board.create('point', [0.0, 0.0], {visible:false, name: 'a', size: 3}),
	c1 = board.create('circle', [p1, [0,8]], {visible:false, name: 'circle', size: 3}),		c1 = board.create('circle', [p1, [0,8]], {visible:false, name: 'circle', size: 3}),
	p2 = board.create('glider', [3,-4, c1], {visible: true, name: '', size: 3}),		p2 = board.create('glider', [3,-4, c1], {visible: true, name: '', size: 3}),
	grr=board.create('functiongraph', [function(t){ return -10-2*Math.cos(t/2); },-10, 10],{strokeColor: "#cccccc"}),		grr=board.create('functiongraph', [function(t){ return -10-2*Math.cos(t/2); },-10, 10],{strokeColor: "#cccccc"}),
	p3 = board.create('point', [function(){return 2Math.atan2(p2.X(),-p2.Y())},function(){return -10-2Math.cos(Math.atan2(p2.X(),-p2.Y()))}], {visible: true, name:'', size: 3}),		p3 = board.create('point', [
	line = board.create('line', [p1, p2], {visible:true, straightFirst: false,straightLast: false}),isInDragMode = false;		function(){return 2*Math.atan2(p2.X(),-p2.Y())},
			function(){return -10-2*Math.cos(Math.atan2(p2.X(),-p2.Y()))}],
			{visible: true, name:'', size: 3}),
			line = board.create('line', [p1, p2], {visible:true, straightFirst: false,straightLast: false}),
			isInDragMode = false;

	var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.createElement('text',[-8,6,'gravity']);		var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.createElement('text',[-8,6,'gravity']);

A WASSERMANN at 08:15, 7 August 2012

2012-08-07T08:15:27Z

← Older revision		Revision as of 08:15, 7 August 2012
Line 3:		Line 3:
	<jsxgraph width="800" height="600">		<jsxgraph width="800" height="600">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),
	p1 = board.create('point', [0.0, 0.0], {visible:false, name: 'a', size: 3}),		p1 = board.create('point', [0.0, 0.0], {visible:false, name: 'a', size: 3}),
	c1 = board.create('circle', [p1, [0,8]], {visible:false, name: 'circle', size: 3}),		c1 = board.create('circle', [p1, [0,8]], {visible:false, name: 'circle', size: 3}),
	p2 = board.create('glider', [3,-4, c1], {visible: true, name: '', size: 3}),		p2 = board.create('glider', [3,-4, c1], {visible: true, name: '', size: 3}),
	grr=board.create('functiongraph', [function(t){ return -10-2*Math.cos(t/2); },-10, 10],{strokeColor: "#cccccc"}),		grr=board.create('functiongraph', [function(t){ return -10-2*Math.cos(t/2); },-10, 10],{strokeColor: "#cccccc"}),
	p3 = board.create('point', [function(){return 2Math.atan2(p2.X(),-p2.Y())},function(){return -10-2Math.cos(Math.atan2(p2.X(),-p2.Y()))}], {visible: true, name:'', size: 3}),		p3 = board.create('point', [
	line = board.create('line', [p1, p2], {visible:true, straightFirst: false,straightLast: false}),isInDragMode = false;		function(){return 2*Math.atan2(p2.X(),-p2.Y())},
			function(){return -10-2*Math.cos(Math.atan2(p2.X(),-p2.Y()))}],
			{visible: true, name:'', size: 3}),
			line = board.create('line', [p1, p2], {visible:true, straightFirst: false,straightLast: false}),
			isInDragMode = false;

	var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.createElement('text',[-8,6,'gravity']);		var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.createElement('text',[-8,6,'gravity']);

A WASSERMANN at 08:14, 7 August 2012

2012-08-07T08:14:16Z

@@ Line 1: / Line 1: @@
 ==Springs: Simple Pendulum with Damping==
-contributed by '''Martin Veillette''', Berea college
+contributed by '''Martin Veillette''', Berea college.
 <jsxgraph width="800" height="600">
 var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),
@@ Line 53: / Line 53: @@
 </jsxgraph>
 [[Category:Examples]]
 [[Category:Calculus]]

A WASSERMANN at 08:12, 7 August 2012

2012-08-07T08:12:33Z

← Older revision		Revision as of 08:12, 7 August 2012
Line 1:		Line 1:
	==Springs: Simple Pendulum with Damping==		==Springs: Simple Pendulum with Damping==
	by Martin Veillette, Berea college		contributed by '''Martin Veillette''', Berea college
	<jsxgraph width="800" height="600">		<jsxgraph width="800" height="600">
	var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),		var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),

A WASSERMANN: Created page with "==Springs: Simple Pendulum with Damping== by Martin Veillette, Berea college var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9,..."

2012-08-07T08:11:44Z

Created page with "==Springs: Simple Pendulum with Damping== by *Martin Veillette*, Berea college <jsxgraph width="800" height="600"> var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9,..."

New page

==Springs: Simple Pendulum with Damping==
by *Martin Veillette*, Berea college
<jsxgraph width="800" height="600">
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-9, 9, 9, -12], keepaspectratio: true, false: true, grid: true}),
p1 = board.create('point', [0.0, 0.0], {visible:false, name: 'a', size: 3}),
c1 = board.create('circle', [p1, [0,8]], {visible:false, name: 'circle', size: 3}),
p2 = board.create('glider', [3,-4, c1], {visible: true, name: '', size: 3}),
grr=board.create('functiongraph', [function(t){ return -10-2*Math.cos(t/2); },-10, 10],{strokeColor: "#cccccc"}),
p3 = board.create('point', [function(){return 2*Math.atan2(p2.X(),-p2.Y())},function(){return -10-2*Math.cos(Math.atan2(p2.X(),-p2.Y()))}], {visible: true, name:'', size: 3}),
line = board.create('line', [p1, p2], {visible:true, straightFirst: false,straightLast: false}),isInDragMode = false;

var gg = board.create('slider',[[-6,6],[-3,6],[1,9.8,10]]); board.createElement('text',[-8,6,'gravity']);
var cc = board.create('slider',[[3,6],[6,6],[0.1,0.5,1]]); board.createElement('text',[1,6,'damping']);

function startAnimation(start_theta) {
var c = cc.Value(), g = gg.Value(), l = 10;
p2.moveAlong(function() {
var f = function(t, x) {
return [x[1], -c * x[1] - g / l * (Math.sin(x[0]))];
},
area = [0, 200],
numberOfEvaluations = (area[1] - area[0]) * 100,
data = JXG.Math.Numerics.rungeKutta('heun', [start_theta, 0], area, numberOfEvaluations, f),
duration = 20 * 1e3;

return function(t) {
if (t >= duration)
return NaN;
angle2=-Math.PI/2+data[Math.floor(t / duration * numberOfEvaluations)][0];
return [p1.X()+l*Math.cos(angle2),p1.Y()+l*Math.sin(angle2)];
};
}());
}

function hook() {
if(!isInDragMode) {
if(board.mode === board.BOARD_MODE_DRAG) {
board.stopAllAnimation();
isInDragMode = true;
}
}
if(isInDragMode) {
if(board.mode !== board.BOARD_MODE_DRAG) {
isInDragMode = false;
angle=Math.atan2(p2.Y()-p1.Y(),p2.X()-p1.X())+Math.PI*1/2;
startAnimation(angle);
}
}
}

board.addHook(hook);
startAnimation(-1.2);
</jsxgraph>

[[Category:Examples]]
[[Category:Calculus]]