Sierpinski triangle - Revision history

Michael at 13:36, 8 June 2011

2011-06-08T13:36:15Z

← Older revision		Revision as of 13:36, 8 June 2011
Line 4:		Line 4:
	</html>		</html>
	<jsxgraph width="500" height="400" box="box">		<jsxgraph width="500" height="400" box="box">
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02631578947368421, 1.0263157894736843, 1.2894736842105263, -0.02631578947368421]});

	var level = 0;		var level = 0;
	function run() {		function run() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02631578947368421, 1.0263157894736843, 1.2894736842105263, -0.02631578947368421]});
	level++;		level++;
	board.suspendUpdate();		board.suspendUpdate();
Line 69:		Line 69:

	<source lang="javascript">		<source lang="javascript">
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02631578947368421, 1.0263157894736843, 1.2894736842105263, -0.02631578947368421]});

	var level = 0;		var level = 0;
	function run() {		function run() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('box', {~~originX~~: 10, ~~originY: 390~~, ~~unitX: 380~~, ~~unitY: 380~~});		board = JXG.JSXGraph.initBoard('box', {boundingbox: [-0.02631578947368421, 1.0263157894736843, 1.2894736842105263, -0.02631578947368421]});
	level++;		level++;
	board.suspendUpdate();		board.suspendUpdate();

A WASSERMANN at 10:02, 25 March 2011

2011-03-25T10:02:02Z

← Older revision		Revision as of 10:02, 25 March 2011
Line 1:		Line 1:
	This example shows the power of JavaScript and requires a bit more advanced JavaScript programming.		This example shows the power of JavaScript and requires a bit more advanced JavaScript programming.
	<html>		<html>
	~~<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />~~
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>~~
	<form><input type='button' value="Next iteration" onClick="run();"></form>		<form><input type='button' value="Next iteration" onClick="run();"></form>
	<~~div id~~="~~box~~" ~~class~~="~~jxgbox~~" ~~style~~="~~width:500px; height:400px;"></div>~~		</html>
	~~<script language="JavaScript~~">		<jsxgraph width="500" height="400" box="box">
	board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});		board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});

Line 27:		Line 25:

	function drawPolygon(xCoords, yCoords,level) {		function drawPolygon(xCoords, yCoords,level) {
	p1 = board.~~createElement~~('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});		p1 = board.create('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});
	p2 = board.~~createElement~~('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});		p2 = board.create('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});
	p3 = board.~~createElement~~('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});		p3 = board.create('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});
	var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];		var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];
	l1 = board.~~createElement~~('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l1 = board.create('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l2 = board.~~createElement~~('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l2 = board.create('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l3 = board.~~createElement~~('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l3 = board.create('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	}		}

Line 63:		Line 61:
	}		}
	paint();		paint();
	</~~script>~~		</jsxgraph>
	~~</html~~>

	=== References ===		=== References ===
Line 93:		Line 90:

	function drawPolygon(xCoords, yCoords,level) {		function drawPolygon(xCoords, yCoords,level) {
	p1 = board.~~createElement~~('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});		p1 = board.create('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});
	p2 = board.~~createElement~~('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});		p2 = board.create('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});
	p3 = board.~~createElement~~('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});		p3 = board.create('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});
	var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];		var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];
	l1 = board.~~createElement~~('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l1 = board.create('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l2 = board.~~createElement~~('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l2 = board.create('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l3 = board.~~createElement~~('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});		l3 = board.create('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	}		}

A WASSERMANN at 15:14, 29 October 2009

2009-10-29T15:14:14Z

← Older revision		Revision as of 15:14, 29 October 2009
Line 2:		Line 2:
	<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/jsxgraph.css" />
	~~<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>~~
	<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>		<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
	<form><input type='button' value="Next iteration" onClick="run();"></form>		<form><input type='button' value="Next iteration" onClick="run();"></form>

A WASSERMANN at 18:07, 22 June 2009

2009-06-22T18:07:51Z

← Older revision		Revision as of 18:07, 22 June 2009
Line 94:		Line 94:

	function drawPolygon(xCoords, yCoords,level) {		function drawPolygon(xCoords, yCoords,level) {
	p1 = board.createElement('point', [xCoords[0], yCoords[0]], {visible:false,name:''});		p1 = board.createElement('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});
	p2 = board.createElement('point', [xCoords[1], yCoords[1]], {visible:false,name:''});		p2 = board.createElement('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});
	p3 = board.createElement('point', [xCoords[2], yCoords[2]], {visible:false,name:''});		p3 = board.createElement('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});
	var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];		var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];
	l1 = board.createElement('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l1 = board.createElement('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l2 = board.createElement('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l2 = board.createElement('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l3 = board.createElement('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l3 = board.createElement('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	}		}

A WASSERMANN at 18:06, 22 June 2009

2009-06-22T18:06:40Z

← Older revision		Revision as of 18:06, 22 June 2009
Line 28:		Line 28:

	function drawPolygon(xCoords, yCoords,level) {		function drawPolygon(xCoords, yCoords,level) {
	p1 = board.createElement('point', [xCoords[0], yCoords[0]], {visible:false,name:''});		p1 = board.createElement('point', [xCoords[0], yCoords[0]], {visible:false,name:'',withLabel:false});
	p2 = board.createElement('point', [xCoords[1], yCoords[1]], {visible:false,name:''});		p2 = board.createElement('point', [xCoords[1], yCoords[1]], {visible:false,name:'',withLabel:false});
	p3 = board.createElement('point', [xCoords[2], yCoords[2]], {visible:false,name:''});		p3 = board.createElement('point', [xCoords[2], yCoords[2]], {visible:false,name:'',withLabel:false});
	var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];		var colors=['#000000','#665566','#994499','#BB33BB','#EE99FF','#FFCCFF'];
	l1 = board.createElement('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l1 = board.createElement('line',[p1,p2],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l2 = board.createElement('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l2 = board.createElement('line',[p2,p3],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	l3 = board.createElement('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:''});		l3 = board.createElement('line',[p3,p1],{straightFirst:false,straightLast:false,strokeColor:colors[level%6],name:'',withLabel:false});
	}		}

A WASSERMANN at 12:16, 22 December 2008

2008-12-22T12:16:13Z

← Older revision		Revision as of 12:16, 22 December 2008
Line 1:		Line 1:
			This example shows the power of JavaScript and requires a bit more advanced JavaScript programming.
	<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/jsxgraph.css" />

A WASSERMANN at 11:41, 21 December 2008

2008-12-21T11:41:32Z

← Older revision		Revision as of 11:41, 21 December 2008
Line 133:		Line 133:

	[[Category:Examples]]		[[Category:Examples]]
			[[Category:Fractals]]

A WASSERMANN at 12:34, 15 December 2008

2008-12-15T12:34:32Z

← Older revision		Revision as of 12:34, 15 December 2008
Line 65:		Line 65:
	</script>		</script>
	</html>		</html>

			=== References ===
			* [http://en.wikipedia.org/wiki/Sierpinski_triangle http://en.wikipedia.org/wiki/Sierpinski_triangle]

			=== The underlying JavaScript code ===

	<source lang="javascript">		<source lang="javascript">

A WASSERMANN at 16:52, 3 December 2008

2008-12-03T16:52:45Z

@@ Line 4: / Line 4: @@
 <script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
 <form><input type='button' value="Next iteration" onClick="run();"></form>
-<div id="box" class="jxgbox" style="width:400px; height:400px;"></div>
+<div id="box" class="jxgbox" style="width:500px; height:400px;"></div>
 <script language="JavaScript">
          board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});
@@ Line 67: / Line 67: @@
 <source lang="javascript">
 </source>
 [[Category:Examples]]

A WASSERMANN at 16:52, 3 December 2008

2008-12-03T16:52:04Z

← Older revision		Revision as of 16:52, 3 December 2008
Line 11:		Line 11:
	function run() {		function run() {
	JXG.JSXGraph.freeBoard(board);		JXG.JSXGraph.freeBoard(board);
	board = JXG.JSXGraph.initBoard('~~jxgbox~~', {originX: 10, originY: 390, unitX: 380, unitY: 380});		board = JXG.JSXGraph.initBoard('box', {originX: 10, originY: 390, unitX: 380, unitY: 380});
	level++;		level++;
	board.suspendUpdate();		board.suspendUpdate();