Apollonian circle packing - Revision history

Michael at 09:34, 7 June 2011

2011-06-07T09:34:13Z

← Older revision		Revision as of 09:34, 7 June 2011
Line 11:		Line 11:
	}		}

	a = brd.create('~~line~~',[[0,0],[2,0]],{~~straightFirst:false,straightLast:false,~~visible:false});		a = brd.create('segment',[[0,0],[2,0]],{visible:false});
	p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});		p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});
	b0 = -0.5;		b0 = -0.5;
Line 17:		Line 17:
	c0 = brd.create('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});		c0 = brd.create('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});
	c1 = brd.create('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});		c1 = brd.create('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});
			c2 = brd.create('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});

	~~c2 = brd.create('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});~~
	c0.curvature = function(){ return b0;}; // constant		c0.curvature = function(){ return b0;}; // constant
	c1.curvature = function(){ return 1/(2-p1.X());};		c1.curvature = function(){ return 1/(2-p1.X());};
Line 137:		Line 137:
	}		}

	a = brd.create('~~line~~',[[0,0],[2,0]],{~~straightFirst:false,straightLast:false,~~visible:false});		a = brd.create('segment',[[0,0],[2,0]],{visible:false});
	p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});		p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});
	b0 = -0.5;		b0 = -0.5;

Michael at 09:32, 7 June 2011

2011-06-07T09:32:12Z

← Older revision		Revision as of 09:32, 7 June 2011
Line 1:		Line 1:
	<jsxgraph width="600" height="600" box="box">		<jsxgraph width="600" height="600" box="box">
	var brd = JXG.JSXGraph.initBoard('box', {~~originX~~: ~~300~~, ~~originY: 300~~, ~~grid:false~~, ~~unitX: 150, unitY: 150~~});		var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-2, 2, 2, -2]});
	solveQ2 = function(x1,x2,x3,off) {		solveQ2 = function(x1,x2,x3,off) {
	var a, b, c, d;		var a, b, c, d;
Line 126:		Line 126:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('box', {~~originX~~: ~~300~~, ~~originY: 300~~, ~~grid:false~~, ~~unitX: 150, unitY: 150~~});		var brd = JXG.JSXGraph.initBoard('box', {boundingbox: [-2, 2, 2, -2]});
	solveQ2 = function(x1,x2,x3,off) {		solveQ2 = function(x1,x2,x3,off) {
	var a, b, c, d;		var a, b, c, d;

A WASSERMANN at 15:20, 12 March 2010

2010-03-12T15:20:08Z

A WASSERMANN at 14:58, 28 September 2009

2009-09-28T14:58:20Z

← Older revision		Revision as of 14:58, 28 September 2009
Line 230:		Line 230:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(~~360/(~~level),0.8,0.8),highlightFillColor:JXG.hsv2rgb(~~360/(~~level),0.8,0.6),fillOpacity:0.5});		fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:57, 28 September 2009

2009-09-28T14:57:42Z

← Older revision		Revision as of 14:57, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(70level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(70level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});		fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:57, 28 September 2009

2009-09-28T14:57:28Z

← Older revision		Revision as of 14:57, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});		fillColor:JXG.hsv2rgb(70level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(70level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:57, 28 September 2009

2009-09-28T14:57:05Z

← Older revision		Revision as of 14:57, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.5,0.8),fillOpacity:0.5});		fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:56, 28 September 2009

2009-09-28T14:56:29Z

← Older revision		Revision as of 14:56, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.8,0.6),fillOpacity:0.5});		fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.5,0.8),fillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:56, 28 September 2009

2009-09-28T14:56:01Z

← Older revision		Revision as of 14:56, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(25level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(25level,0.8,0.6),fillOpacity:0.5});		fillColor:JXG.hsv2rgb(60level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(60level,0.8,0.6),fillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

A WASSERMANN at 14:55, 28 September 2009

2009-09-28T14:55:37Z

← Older revision		Revision as of 14:55, 28 September 2009
Line 104:		Line 104:
	}		}
	c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.createElement('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(8level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(level8,0.8,0.6),fillOpacity:0.5});		fillColor:JXG.hsv2rgb(25level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(25level,0.8,0.6),fillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};

← Older revision		Revision as of 15:20, 12 March 2010
Line 11:		Line 11:
	}		}

	a = brd.~~createElement~~('line',[[0,0],[2,0]],{straightFirst:false,straightLast:false,visible:false});		a = brd.create('line',[[0,0],[2,0]],{straightFirst:false,straightLast:false,visible:false});
	p1 = brd.~~createElement~~('glider',[1.3,0,a],{name:'Drag me'});		p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});
	b0 = -0.5;		b0 = -0.5;

	c0 = brd.~~createElement~~('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});		c0 = brd.create('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});
	c1 = brd.~~createElement~~('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});		c1 = brd.create('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});

	c2 = brd.~~createElement~~('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});		c2 = brd.create('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});
	c0.curvature = function(){ return b0;}; // constant		c0.curvature = function(){ return b0;}; // constant
	c1.curvature = function(){ return 1/(2-p1.X());};		c1.curvature = function(){ return 1/(2-p1.X());};
Line 58:		Line 58:
	}		}

	c3 = brd.~~createElement~~('circle',[[thirdCircleX,thirdCircleY],thirdCircleRadius],{strokeWidth:1});		c3 = brd.create('circle',[[thirdCircleX,thirdCircleY],thirdCircleRadius],{strokeWidth:1});
	c3.curvature = function(){ return 1.0/this.radius;};		c3.curvature = function(){ return 1.0/this.radius;};

Line 103:		Line 103:
	}		}
	}		}
	c = brd.~~createElement~~('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.create('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});		fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};
Line 126:		Line 126:
	===The underlying JavaScript code===		===The underlying JavaScript code===
	<source lang="javascript">		<source lang="javascript">
	var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, grid:~~true~~, unitX: ~~100~~, unitY: ~~100~~});		var brd = JXG.JSXGraph.initBoard('box', {originX: 300, originY: 300, grid:false, unitX: 150, unitY: 150});
	solveQ2 = function(x1,x2,x3,off) {		solveQ2 = function(x1,x2,x3,off) {
	var a, b, c, d;		var a, b, c, d;
Line 136:		Line 136:
	return [(-b+Math.sqrt(d))/(2.0a),(-b-Math.sqrt(d))/(2.0a)];		return [(-b+Math.sqrt(d))/(2.0a),(-b-Math.sqrt(d))/(2.0a)];
	}		}

	a = brd.~~createElement~~('line',[[0,0],[2,0]],{straightFirst:false,straightLast:false,visible:false});		a = brd.create('line',[[0,0],[2,0]],{straightFirst:false,straightLast:false,visible:false});
	p1 = brd.~~createElement~~('glider',[1.3,0,a],{name:'Drag me'});		p1 = brd.create('glider',[1.3,0,a],{name:'Drag me'});
	b0 = -0.5;		b0 = -0.5;

	c0 = brd.~~createElement~~('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});		c0 = brd.create('circle',[[0,0],Math.abs(1.0/b0)],{strokeWidth:1});
	c1 = brd.~~createElement~~('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});		c1 = brd.create('circle',[p1,function(){return 2-p1.X();}],{strokeWidth:1});

	c2 = brd.~~createElement~~('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});		c2 = brd.create('circle',[[function(){return p1.X()-2;},0],function(){return p1.X();}],{strokeWidth:1});
	c0.curvature = function(){ return b0;}; // constant		c0.curvature = function(){ return b0;}; // constant
	c1.curvature = function(){ return 1/(2-p1.X());};		c1.curvature = function(){ return 1/(2-p1.X());};
Line 184:		Line 184:
	}		}

	c3 = brd.~~createElement~~('circle',[[thirdCircleX,thirdCircleY],thirdCircleRadius],{strokeWidth:1});		c3 = brd.create('circle',[[thirdCircleX,thirdCircleY],thirdCircleRadius],{strokeWidth:1});
	c3.curvature = function(){ return 1.0/this.radius;};		c3.curvature = function(){ return 1.0/this.radius;};

Line 229:		Line 229:
	}		}
	}		}
	c = brd.~~createElement~~('circle',[[fx,fy],fr],{strokeWidth:1,name:'',		c = brd.create('circle',[[fx,fy],fr],{strokeWidth:1,name:'',
	fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});		fillColor:JXG.hsv2rgb(50level,0.8,0.8),highlightFillColor:JXG.hsv2rgb(50level,0.5,0.8),fillOpacity:0.5,highlightFillOpacity:0.5});
	c.curvature = function(){ return 1/this.radius;};		c.curvature = function(){ return 1/this.radius;};