Dirkjan: Created page with "
Each colored circle represents the phase of the wave at the point touching the semic..."

2020-08-25T09:35:48Z

Created page with "<html> <div id="jxgbox" class="jxgbox" style="height:300px; width:600px;"></div> </html> Each colored circle represents the phase of the wave at the point touching the semic..."

New page

<html>
<div id="jxgbox" class="jxgbox" style="height:300px; width:600px;"></div>
</html>

Each colored circle represents the phase of the wave at the point touching the semicircle:

<html>
<div id="jxgbox2" class="jxgbox2" style="height:250px; width:600px;"></div>
</html>

<html>
<script type="text/javascript"charset="UTF-8"src="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraphcore.js">
</script>
<link rel="stylesheet"type="text/css"href="https://cdn.jsdelivr.net/npm/jsxgraph@1.1.0/distrib/jsxgraph.cs"/>
</html>
<html>
<script>
var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-2*Math.PI, 2*Math.PI, 2*Math.PI, -2], keepaspectratio:true, axis:false});

var realline = board.create ('line',[[function(){return -2},function(){return 0}],[function(){return 2},function(){return 0}]], {'dash':true, 'strokeColor':'black'});
var circlesizeslider = board.create('slider', [[0,0],[2*Math.PI,0], [0.0,Math.PI, 2*Math.PI]], {name:'Change circe size'}, {withLabel: false});
var s = board.create('slider', [[0,-1],[2*Math.PI,-1], [0.0,0.5,Math.PI*2]], {name:''}, {withLabel: false});

var p1 = board.create('point', [function(){return -circlesizeslider.Value()}, function(){return 0.0}]);
// var p2 = board.create('point', [function(){return 1.0}, function(){return 0.0}]);
var p2 = board.create('point', [function(){return circlesizeslider.Value()}, function(){return 0.0}]);

var circle = board.create('semicircle', [p1, p2]);
var glider = board.create('glider', [0,1,circle], {'name':'Drag'});
var arrow = board.create('arrow', [[0,0],glider], {'strokeColor':'red'});
var rightarrow = board.create('arrow', [[function(){return s.X()},0],glider], {'strokeColor':'lightGreen', 'dash':false});
var leftarrow = board.create('arrow', [[function(){return -s.X()},0],glider], {'strokeColor':'yellow', 'dash':false});

var board2 = JXG.JSXGraph.initBoard('jxgbox2', {boundingbox: [-3, 2, 8, 2], keepaspectratio:true, axis:false});
board.addChild(board2);

var cv1 = new JXG.Complex (function(){return Math.cos(leftarrow.point1.Dist(leftarrow.point2))},function(){return Math.sin(leftarrow.point1.Dist(leftarrow.point2))});
var cv2 = new JXG.Complex (function(){return Math.cos(rightarrow.point1.Dist(rightarrow.point2))},function(){return Math.sin(rightarrow.point1.Dist(rightarrow.point2))});

var cv3 = new JXG.Complex (cv1);
cv3.add (cv2);

var c1 = board2.create ('circle', [[function(){return -2},function(){return 0}], [-1,0]], {'strokeColor':'yellow'});
var c2 = board2.create ('circle', [[function(){return 1},function(){return 0}], [2,0]], {'strokeColor':'red'});
var c3 = board2.create ('circle', [[function(){return 4},function(){return 0}], [5,0]], {'strokeColor':'lightGreen'});

var la= board2.create('arrow', [[function(){return -2},function(){return 0}],[function(){return cv1.real()-2},function(){return cv1.imaginary()}]], {'strokeColor':'yellow'});

var ma1= board2.create('arrow', [[function(){return 1},function(){return 0}],[function(){return cv1.real()+1},function(){return cv1.imaginary()}]], {'strokeColor':'yellow'});

var ma2= board2.create('arrow', [[function(){return 1},function(){return 0}],[function(){return cv2.real()+ma1.point2.X()},function(){return cv2.imaginary()+ma1.point2.Y()}]], {'strokeColor':'red'});

var ma3= board2.create('arrow', [[function(){return ma1.point2.X()},function(){return ma1.point2.Y()}],[function(){return cv2.real()+ma1.point2.X()},function(){return cv2.imaginary()+ma1.point2.Y()}]], {'strokeColor':'lightGreen'});

var ra= board2.create('arrow', [[function(){return 4},function(){return 0}],[function(){return cv2.real()+4},function(){return cv2.imaginary()}]], {'strokeColor':'lightGreen'});

</script>
</html>

[[Category:microscopy]]

Young fringes - Revision history

Dirkjan: Created page with " Each colored circle represents the phase of the wave at the point touching the semic..."

Dirkjan: Created page with "
Each colored circle represents the phase of the wave at the point touching the semic..."