Polygon II - Revision history

A WASSERMANN at 10:10, 3 August 2010

2010-08-03T10:10:13Z

← Older revision		Revision as of 10:10, 3 August 2010
Line 1:		Line 1:
	The triangle ''ABC'' can be moved ~~around~~ by dragging ''A'' and it can be rotated around ''A'' by moving ''B''.		The triangle ''ABC'' can be moved by dragging ''A'' and it can be rotated around ''A'' by moving ''B''.
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});

A WASSERMANN at 11:39, 3 March 2010

2010-03-03T11:39:15Z

← Older revision		Revision as of 11:39, 3 March 2010
Line 1:		Line 1:
	The triangle ''ABC'' can be moved around by dragging ''A'' and it can be rotated by moving ''B''.		The triangle ''ABC'' can be moved around by dragging ''A'' and it can be rotated around ''A'' by moving ''B''.
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});

A WASSERMANN at 11:38, 3 March 2010

2010-03-03T11:38:50Z

← Older revision		Revision as of 11:38, 3 March 2010
Line 1:		Line 1:
			The triangle ''ABC'' can be moved around by dragging ''A'' and it can be rotated by moving ''B''.
	<jsxgraph width="500" height="500">		<jsxgraph width="500" height="500">
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});

A WASSERMANN at 11:34, 3 March 2010

2010-03-03T11:34:59Z

← Older revision		Revision as of 11:34, 3 March 2010
Line 3:		Line 3:
	var p1 = brd.create('point',[-1,-1]);		var p1 = brd.create('point',[-1,-1]);

			var c1 = brd.create('circle',[p1,3],{strokeOpacity:0.1}); //
			var p2 = brd.create('glider',[2,-1,c1]); // p2 glides on circle c1

	var c1 = brd.create('~~circle~~',[p1,3],{~~strokeOpacity~~:0.1});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'}); // rot is defined by the angle BAC
	var p2 = brd.create('~~glider~~',[2,-1~~,c1]~~);		var p3 = brd.create('point',[p2,rot],{fixed:true,size:1,name:'h1'}); // h1: B rotated around A with angle rot
			var line = brd.create('line',[p1,p3],{strokeOpacity:0.1}); // line through A and h1

	var ~~rot~~ = brd.create('~~transform~~',[~~function(){ return Math~~.~~PI/4;}~~,p1],{~~type~~:~~'rotate'~~});		var p4 = brd.create('glider',[0,0.5,line],{fixed:true}); // C is on the line with a fixed distance from A
	var p3 = brd.create('~~point~~',[p2,~~rot~~],{~~fixed~~:~~true~~,~~size~~:1,~~name:~~'h1'});		var poly = brd.create('polygon',[p1,p2,p4], {fillOpacity:0.05});
	var ~~line~~ = brd.create('~~line~~',[p1,p3],{strokeOpacity:0.1});		</jsxgraph>

			===The underlying JavvaScript code===
			For the elements ''c1'', ''p3'', ''line'' the attribute ''visible'' should be set to false.
			<source lang="javascript">
			var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});
			var p1 = brd.create('point',[-1,-1]);

			var c1 = brd.create('circle',[p1,3],{strokeOpacity:0.1}); //
			var p2 = brd.create('glider',[2,-1,c1]); // p2 glides on circle c1

	var p4 = brd.create('~~glider~~',[0,0.5,~~line~~],{fixed:true});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'}); // rot is defined by the angle BAC
			var p3 = brd.create('point',[p2,rot],{fixed:true,size:1,name:'h1'}); // h1: B rotated around A with angle rot
			var line = brd.create('line',[p1,p3],{strokeOpacity:0.1}); // line through A and h1

	var poly = brd.create('polygon',[p1,p2,p4], {fillOpacity:0.05});		var p4 = brd.create('glider',[0,0.5,line],{fixed:true}); // C is on the line with a fixed distance from A
			var poly = brd.create('polygon',[p1,p2,p4], {fillOpacity:0.05});
			</source>

	~~</jsxgraph>~~		[[Category:Examples]]

A WASSERMANN at 11:29, 3 March 2010

2010-03-03T11:29:17Z

← Older revision		Revision as of 11:29, 3 March 2010
Line 13:		Line 13:
	var p4 = brd.create('glider',[0,0.5,line],{fixed:true});		var p4 = brd.create('glider',[0,0.5,line],{fixed:true});

	var poly = brd.create('polygon',[p1,p2,p3], {fillOpacity:0.05});		var poly = brd.create('polygon',[p1,p2,p4], {fillOpacity:0.05});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:29, 3 March 2010

2010-03-03T11:29:06Z

← Older revision		Revision as of 11:29, 3 March 2010
Line 4:		Line 4:


	var c1 = brd.create('circle',[p1,2],{strokeOpacity:0.1});		var c1 = brd.create('circle',[p1,3],{strokeOpacity:0.1});
	var p2 = brd.create('glider',[1,-1,c1]);		var p2 = brd.create('glider',[2,-1,c1]);

	var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});

A WASSERMANN at 11:28, 3 March 2010

2010-03-03T11:28:42Z

← Older revision		Revision as of 11:28, 3 March 2010
Line 8:		Line 8:

	var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});
	var p3 = brd.create('point',[p2,rot],{fixed:true,~~width~~:1,name:'h1'});		var p3 = brd.create('point',[p2,rot],{fixed:true,size:1,name:'h1'});
	var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});		var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});

A WASSERMANN at 11:28, 3 March 2010

2010-03-03T11:28:32Z

← Older revision		Revision as of 11:28, 3 March 2010
Line 8:		Line 8:

	var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});
	var p3 = brd.create('point',[p2,rot],{fixed:true,name:'h1'});		var p3 = brd.create('point',[p2,rot],{fixed:true,width:1,name:'h1'});
	var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});		var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});

A WASSERMANN at 11:28, 3 March 2010

2010-03-03T11:28:11Z

← Older revision		Revision as of 11:28, 3 March 2010
Line 2:		Line 2:
	var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});		var brd = JXG.JSXGraph.initBoard('jxgbox',{boundingbox:[-3,3,3,-3]});
	var p1 = brd.create('point',[-1,-1]);		var p1 = brd.create('point',[-1,-1]);


	var c1 = brd.create('circle',[p1,2],{strokeOpacity:0.1});		var c1 = brd.create('circle',[p1,2],{strokeOpacity:0.1});
	var p2 = brd.create('glider',[1,-1,c1]);		var p2 = brd.create('glider',[1,-1,c1]);

	var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});
	var p3 = brd.create('point',[p2,rot],{fixed:true});		var p3 = brd.create('point',[p2,rot],{fixed:true,name:'h1'});
	var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});		var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});

	var p4 = brd.create('glider',[0,0.5,line],{fixed:true});		var p4 = brd.create('glider',[0,0.5,line],{fixed:true});






	var poly = brd.create('polygon',[p1,p2,p3], {fillOpacity:0.05});		var poly = brd.create('polygon',[p1,p2,p3], {fillOpacity:0.05});

	</jsxgraph>		</jsxgraph>

A WASSERMANN at 11:27, 3 March 2010

2010-03-03T11:27:04Z

← Older revision		Revision as of 11:27, 3 March 2010
Line 7:		Line 7:
	var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});		var rot = brd.create('transform',[function(){ return Math.PI/4;},p1],{type:'rotate'});
	var p3 = brd.create('point',[p2,rot],{fixed:true});		var p3 = brd.create('point',[p2,rot],{fixed:true});
	var line = brd.create('line',[p1,p2],{strokeOpacity:0.1});		var line = brd.create('line',[p1,p3],{strokeOpacity:0.1});

	var p4 = brd.create('glider',[0,0.5,line],{fixed:true});		var p4 = brd.create('glider',[0,0.5,line],{fixed:true});