Circles on circles - Revision history

A WASSERMANN at 12:18, 23 June 2020

2020-06-23T12:18:34Z

A WASSERMANN at 11:40, 14 September 2015

2015-09-14T11:40:45Z

← Older revision		Revision as of 11:40, 14 September 2015
Line 80:		Line 80:
	var f1 = 7;		var f1 = 7;
	var f2 = 17;		var f2 = 17;
	var cw = board.create('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2~~}, {strokeColor:'green', strokeWidth:3~~});		0,2.02*Math.PI],{strokeWidth:2});
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:39, 14 September 2015

2015-09-14T11:39:56Z

← Older revision		Revision as of 11:39, 14 September 2015
Line 84:		Line 84:
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2}, {strokeColor:'green', strokeWidth:3});		0,2.02*Math.PI],{strokeWidth:2}, {strokeColor:'green', strokeWidth:3});
	~~var c = board.create('curve', [~~
	~~function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},~~
	~~function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},~~
	~~0,2.02*Math.PI],{strokeWidth:2});~~
	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:39, 14 September 2015

2015-09-14T11:39:30Z

← Older revision		Revision as of 11:39, 14 September 2015
Line 83:		Line 83:
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2}, {strokeColor:'~~white~~', strokeWidth:3});		0,2.02*Math.PI],{strokeWidth:2}, {strokeColor:'green', strokeWidth:3});
	var c = board.create('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},

A WASSERMANN at 11:38, 14 September 2015

2015-09-14T11:38:59Z

← Older revision		Revision as of 11:38, 14 September 2015
Line 83:		Line 83:
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2}, {~~storkeColor~~:'white', strokeWidth:3});		0,2.02*Math.PI],{strokeWidth:2}, {strokeColor:'white', strokeWidth:3});
	var c = board.create('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},

A WASSERMANN at 11:38, 14 September 2015

2015-09-14T11:38:23Z

← Older revision		Revision as of 11:38, 14 September 2015
Line 80:		Line 80:
	var f1 = 7;		var f1 = 7;
	var f2 = 17;		var f2 = 17;
			var cw = board.create('curve', [
			function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
			function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
			0,2.02*Math.PI],{strokeWidth:2}, {storkeColor:'white', strokeWidth:3});
	var c = board.create('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},

Michael at 12:47, 7 June 2011

2011-06-07T12:47:02Z

← Older revision		Revision as of 12:47, 7 June 2011
Line 103:		Line 103:
	This is the first experiment with the jQuery UI package. So, the code may not be optimized, yet. The main difficulty is to read the values of the sliders. This is done via four JavaScript variables <math>c1, c2, f1, f2</math>.		This is the first experiment with the jQuery UI package. So, the code may not be optimized, yet. The main difficulty is to read the values of the sliders. This is done via four JavaScript variables <math>c1, c2, f1, f2</math>.
	<source lang="html4strict">		<source lang="html4strict">
			<html>
	<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>		<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>

A WASSERMANN at 10:19, 25 March 2011

2011-03-25T10:19:59Z

← Older revision		Revision as of 10:19, 25 March 2011
Line 80:		Line 80:
	var f1 = 7;		var f1 = 7;
	var f2 = 17;		var f2 = 17;
	var c = board.~~createElement~~('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
Line 179:		Line 179:
	var f1 = 7;		var f1 = 7;
	var f2 = 17;		var f2 = 17;
	var c = board.~~createElement~~('curve', [		var c = board.create('curve', [
	function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},		function(t) { return Math.cos(t)+ c1Math.cos(f1t)+ c2Math.cos(f2t);},
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},

A WASSERMANN at 10:17, 25 March 2011

2011-03-25T10:17:36Z

← Older revision		Revision as of 10:17, 25 March 2011
Line 4:		Line 4:

	<html>		<html>
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~
	<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>		<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery-ui.min.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery-ui.min.js"></script>
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~

	<style type="text/css">		<style type="text/css">
Line 75:		Line 73:
	<div id="sliderf2" style="width:300px;margin:10px;"></div>		<div id="sliderf2" style="width:300px;margin:10px;"></div>
	</div>		</div>
	<~~div id~~="~~jsxgbox~~" ~~class~~="~~jxgbox~~" ~~style~~="~~width:500px; height:500px;"></div>~~		</html>
	~~<script language="JavaScript~~">		<jsxgraph width="500" height="500" box="jxgbox">
	board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {boundingbox:[-2.5,2.5,2.5,-2.5], keepaspectratio:true});		board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2.5,2.5,2.5,-2.5], keepaspectratio:true});
	var c1 = 0.6;		var c1 = 0.6;
	var c2 = 0.0;		var c2 = 0.0;
Line 86:		Line 84:
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2});		0,2.02*Math.PI],{strokeWidth:2});
	</~~script>~~		</jsxgraph>
	~~</html~~>

	'''Variation:'''		'''Variation:'''
Line 106:		Line 103:
	This is the first experiment with the jQuery UI package. So, the code may not be optimized, yet. The main difficulty is to read the values of the sliders. This is done via four JavaScript variables <math>c1, c2, f1, f2</math>.		This is the first experiment with the jQuery UI package. So, the code may not be optimized, yet. The main difficulty is to read the values of the sliders. This is done via four JavaScript variables <math>c1, c2, f1, f2</math>.
	<source lang="html4strict">		<source lang="html4strict">
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~
	<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>		<link rel="Stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/css/ui-lightness/jquery-ui-1.7.2.custom.css"/>
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery.min.js"></script>
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery-ui.min.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jquery-ui.min.js"></script>
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~

	<style type="text/css">		<style type="text/css">
Line 177:		Line 172:
	<div id="sliderf2" style="width:300px;margin:10px;"></div>		<div id="sliderf2" style="width:300px;margin:10px;"></div>
	</div>		</div>
	<~~div id~~="~~jsxgbox~~" ~~class~~="~~jxgbox~~" ~~style~~="~~width:500px; height:500px;"></div>~~		</html>
	~~<script language="JavaScript~~">		<jsxgraph width="500" height="500" box="jxgbox">
	board = JXG.JSXGraph.initBoard('~~jsxgbox~~', {boundingbox:[-2.5,2.5,2.5,-2.5], keepaspectratio:true});		board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-2.5,2.5,2.5,-2.5], keepaspectratio:true});
	var c1 = 0.6;		var c1 = 0.6;
	var c2 = 0.0;		var c2 = 0.0;
Line 188:		Line 183:
	function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},		function(t) { return Math.sin(t)+ c1Math.sin(f1t)+ c2Math.sin(f2t);},
	0,2.02*Math.PI],{strokeWidth:2});		0,2.02*Math.PI],{strokeWidth:2});
	</~~script~~>		</jsxgraph>
	</source>		</source>
	[[Category:Examples]]		[[Category:Examples]]
	[[Category:Curves]]		[[Category:Curves]]

A WASSERMANN at 16:49, 17 September 2009

2009-09-17T16:49:28Z

← Older revision		Revision as of 16:49, 17 September 2009
Line 122:		Line 122:
	$("#c1").val(ui.value*0.01);		$("#c1").val(ui.value*0.01);
	c1 = ui.value*0.01;		c1 = ui.value*0.01;
			board.updateQuality = board.BOARD_QUALITY_HIGH;
	board.update();		board.update();
	}		}
Line 130:		Line 131:
	$("#f1").val(ui.value);		$("#f1").val(ui.value);
	f1 = ui.value;		f1 = ui.value;
			board.updateQuality = board.BOARD_QUALITY_HIGH;
	board.update();		board.update();
	}		}
Line 141:		Line 143:
	$("#c2").val(ui.value*0.01);		$("#c2").val(ui.value*0.01);
	c2 = ui.value*0.01;		c2 = ui.value*0.01;
			board.updateQuality = board.BOARD_QUALITY_HIGH;
	board.update();		board.update();
	}		}
Line 149:		Line 152:
	$("#f2").val(ui.value);		$("#f2").val(ui.value);
	f2 = ui.value;		f2 = ui.value;
			board.updateQuality = board.BOARD_QUALITY_HIGH;
	board.update();		board.update();
	}		}