Parallel projection of a sphere - Revision history

A WASSERMANN at 14:52, 1 June 2012

2012-06-01T14:52:07Z

← Older revision		Revision as of 14:52, 1 June 2012
Line 85:		Line 85:
	return project([-rMath.sin(v)/Math.sqrt(2), r/Math.sqrt(2), -rMath.cos(v)/Math.sqrt(2)], cam);		return project([-rMath.sin(v)/Math.sqrt(2), r/Math.sqrt(2), -rMath.cos(v)/Math.sqrt(2)], cam);
	}		}
	], {visible:true, name:'I_3'~~, label:{position:'top', offsets:[0,10]}~~});		], {visible:true, name:'I_3'});

	var el2 = board.create('conic', [I, I2, I3, p3, p4]);		var el2 = board.create('conic', [I, I2, I3, p3, p4]);

A WASSERMANN at 14:51, 1 June 2012

2012-06-01T14:51:16Z

← Older revision		Revision as of 14:51, 1 June 2012
Line 85:		Line 85:
	return project([-rMath.sin(v)/Math.sqrt(2), r/Math.sqrt(2), -rMath.cos(v)/Math.sqrt(2)], cam);		return project([-rMath.sin(v)/Math.sqrt(2), r/Math.sqrt(2), -rMath.cos(v)/Math.sqrt(2)], cam);
	}		}
	], {visible:true, name:'I_3'});		], {visible:true, name:'I_3', label:{position:'top', offsets:[0,10]}});

	var el2 = board.create('conic', [I, I2, I3, p3, p4]);		var el2 = board.create('conic', [I, I2, I3, p3, p4]);

A WASSERMANN at 12:05, 1 June 2012

2012-06-01T12:05:10Z

← Older revision		Revision as of 12:05, 1 June 2012
Line 181:		Line 181:
	var el2 = board.create('conic', [I, I2, I3, p3, p4]);		var el2 = board.create('conic', [I, I2, I3, p3, p4]);
	</source>		</source>
			[[Category:Geometry]]
	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 12:02, 1 June 2012

2012-06-01T12:02:47Z

@@ Line 14: / Line 14: @@
 		factorY : 1.25,
 		wheel: false
 	},
-	navbar:
+var I3 = board.create('point', [
+	{
-		strokeColor: '#aaaaaa',
+		factorX : 1.25,
-		fillColor: '#f5f5f5',
+		factorY : 1.25,
-		padding: '2px',
+		wheel: false
-		position: 'absolute',
 });
@@ Line 101: / Line 180: @@
 var el2 = board.create('conic', [I, I2, I3, p3, p4]);
-</jsxgraph>
+</source>
 [[Category:Examples]]

A WASSERMANN at 12:00, 1 June 2012

2012-06-01T12:00:54Z

← Older revision		Revision as of 12:00, 1 June 2012
Line 7:		Line 7:
	showNavigation:true,		showNavigation:true,
	pan:false,		pan:false,
	grid:~~true~~,		grid:false,

	zoom:		zoom:
Line 35:		Line 35:
	var r = 6.0;		var r = 6.0;

	var sRadius = board.create('slider', [[1, -8.5], [6, -8.5], [-10, 0 ,10]], {name:'~~Radius~~', snapWidth:1});		var sRadius = board.create('slider', [[1, -8.5], [6, -8.5], [-10, 0 ,10]], {name:'angle', snapWidth:1});

	var M = board.create('point', [0, r], {visible:false});		var M = board.create('point', [0, r], {visible:false});

A WASSERMANN at 11:59, 1 June 2012

2012-06-01T11:59:51Z

← Older revision		Revision as of 11:59, 1 June 2012
Line 30:		Line 30:
	});		});

	var zAxis = board.create ('axis', [[0, 0], [-1, -1]], {ticks:{majorHeight:10}, drawLabels:false});		var zAxis = board.create ('axis', [[0, 0], [-1, -1]], {ticks:{majorHeight:10, drawLabels:false}});

	var cam = [4,4,30]; // [x,y,z]		var cam = [4,4,30]; // [x,y,z]

A WASSERMANN at 11:59, 1 June 2012

2012-06-01T11:59:35Z

← Older revision		Revision as of 11:59, 1 June 2012
Line 3:		Line 3:
	{		{
	boundingbox:[-10, 10, 10, -10],		boundingbox:[-10, 10, 10, -10],
	axis:~~false~~,		axis:true,
	showCopyright:true,		showCopyright:true,
	showNavigation:true,		showNavigation:true,
Line 30:		Line 30:
	});		});

	~~var xAxis = board.create ('axis', [[0, 0], [1, 0]] );~~		var zAxis = board.create ('axis', [[0, 0], [-1, -1]], {ticks:{majorHeight:10}, drawLabels:false});
	~~var yAxis = board.create ('axis', [[0, 0], [0, 1]]);~~
	var zAxis = board.create ('axis', [[0, 0], [-1, -1]], {ticks:{majorHeight:10}});

	var cam = [4,4,30]; // [x,y,z]		var cam = [4,4,30]; // [x,y,z]

A WASSERMANN at 11:58, 1 June 2012

2012-06-01T11:58:27Z

← Older revision		Revision as of 11:58, 1 June 2012
Line 32:		Line 32:
	var xAxis = board.create ('axis', [[0, 0], [1, 0]] );		var xAxis = board.create ('axis', [[0, 0], [1, 0]] );
	var yAxis = board.create ('axis', [[0, 0], [0, 1]]);		var yAxis = board.create ('axis', [[0, 0], [0, 1]]);
	var zAxis = board.create ('axis', [[0, 0], [-1, -1]]);		var zAxis = board.create ('axis', [[0, 0], [-1, -1]], {ticks:{majorHeight:10}});

	var cam = [4,4,30]; // [x,y,z]		var cam = [4,4,30]; // [x,y,z]

A WASSERMANN: Created page with " var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox:[-10, 10, 10, -10], axis:false, showCopyright:true, showNavigation:true, pan..."

2012-06-01T11:55:39Z

Created page with "<jsxgraph width="700" height="700"> var board = JXG.JSXGraph.initBoard('jxgbox', { boundingbox:[-10, 10, 10, -10], axis:false, showCopyright:true, showNavigation:true, pan..."

New page

<jsxgraph width="700" height="700">
var board = JXG.JSXGraph.initBoard('jxgbox',
{
boundingbox:[-10, 10, 10, -10],
axis:false,
showCopyright:true,
showNavigation:true,
pan:false,
grid:true,

zoom:
{
factorX : 1.25,
factorY : 1.25,
wheel: false
},

navbar:
{
strokeColor: '#aaaaaa',
fillColor: '#f5f5f5',
padding: '2px',
position: 'absolute',
fontSize: '10px',
cursor: 'pointer',
zIndex: '100',
right: '5px',
bottom: '5px'
},
});

var xAxis = board.create ('axis', [[0, 0], [1, 0]] );
var yAxis = board.create ('axis', [[0, 0], [0, 1]]);
var zAxis = board.create ('axis', [[0, 0], [-1, -1]]);

var cam = [4,4,30]; // [x,y,z]
var r = 6.0;

var sRadius = board.create('slider', [[1, -8.5], [6, -8.5], [-10, 0 ,10]], {name:'Radius', snapWidth:1});

var M = board.create('point', [0, r], {visible:false});
var ci = board.create('circle', [[0, 0], M], {strokeColor:'black', dash:1, shadow:false, fixed:true});

var p1 = board.create('point', [r, 0], {fixed:true, name:'p_1', visible:false});
var p2 = board.create('point', [-r, 0], {fixed:true, name:'p_2', visible:false});
var p3 = board.create('point', [0, r], {fixed:true, name:'p_3', visible:false});
var p4 = board.create('point', [0, -r], {fixed:true, name:'p_4', visible:false});

// Parallel projection
var project = function(crd, cam) {
var d = - crd[2]/cam[2];
return [1, crd[0]+d*cam[0], crd[1]+d*cam[1]];
};

var A = board.create('point', [
function() {
var c = [r/Math.sqrt(2), 0, r/Math.sqrt(2)];
return project(c, cam);
}
], {name:'', visible:false});

var B = board.create('point', [
function() {
var c = [-r/Math.sqrt(2), 0, r/Math.sqrt(2)];
return project(c, cam);
}
], {name:'', visible:false});

var C = board.create('point', [
function() {
var c = [r/Math.sqrt(2), 0, -r/Math.sqrt(2)];
return project(c, cam);
}
], {name:'', visible:false});

var el1 = board.create('conic', [A, B, C, p2, p1]);

var I = board.create('point', [
function(){
var v = sRadius.Value()*Math.PI*0.5/10.0;
return project([r*Math.sin(v), 0, r*Math.cos(v)], cam);
}
], {visible:true, name:'I'});

var I2 = board.create('point', [
function(){
var v = sRadius.Value()*Math.PI*0.5/10.0;
return project([-r*Math.sin(v), 0, -r*Math.cos(v)], cam);
}
], {visible:true, name:'I_2'});

var I3 = board.create('point', [
function(){
var v = sRadius.Value()*Math.PI*0.5/10.0;
return project([-r*Math.sin(v)/Math.sqrt(2), r/Math.sqrt(2), -r*Math.cos(v)/Math.sqrt(2)], cam);
}
], {visible:true, name:'I_3'});

var el2 = board.create('conic', [I, I2, I3, p3, p4]);
</jsxgraph>

[[Category:Examples]]