{"version":3,"sources":["webpack:///./src/components/physics/phase/Lesson.vue?114a","webpack:///./src/components/physics/phase/Lesson.vue","webpack:///./src/components/physics/phase/Boxes.js","webpack:///src/components/physics/phase/Lesson.vue","webpack:///./src/components/physics/phase/Lesson.vue?c64d","webpack:///./src/components/physics/phase/Lesson.vue?07bf"],"names":["ref","staticClass","_vm","_v","_c","attrs","render","staticRenderFns","Boxes","box1","JXG","Options","board","minimizeReflow","point","showInfobox","line","highlight","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","makeResponsive","placeTitle","j","x","y","placeDash","seg","placeCircle","loc","placeGlider","plus","placeImage","go","ang","placeAngle","X","Y","valueOf","setAttribute","name","theta","Math","PI","phase","placePoint","cos","Value","sin","placeArrow","ang1","beta","gamma","run","min","moveTo","setTimeout","on","minus","hoverMe","horz","placeLine","create","strokeColor","strokeWidth","PA","PB","placeLabel","txt1","placeText","abs","toFixed","txt2","_defineProperty","anchorX","anchorY","color","CssStyle","fontSize","round","canvasWidth","fixed","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newPhys","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component"],"mappings":"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","file":"js/chunk-567c03e6.f525ebe0.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&id=f55303d4&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"ia\",staticClass:\"mb-2\"},[_vm._v(\"\\n What is a Phase Difference?\\n \")]),_c('p',[_vm._v(\"\\n Phase difference specifies the relative displacement of two waves or particles that are oscillating or in cyclic motion with same frequency.\\n The concept of phase difference is relevant only when there are two or more waves are involved.\\n The vertical position of Mo after the wheel has rotated by \\\\(\\\\alpha\\\\) is expressed as:\\n $$ y_{Mo} =R_w \\\\sin(\\\\alpha) $$\\n Bo's vertical position can be expressed as:\\n $$y_{Bo} =R_w \\\\sin(\\\\alpha + \\\\phi) $$\\n \")]),_c('h3',{ref:\"ja\",staticClass:\"mb-2\"},[_vm._v(\"\\n Leading and Lagging Phase\\n \")]),_c('p',[_vm._v(\"\\n When the first waveform is ahead of the other waveform, the phase difference is called a 'phase lead'.\\n On the other hand, when the first waveform is behind the other waveform, the phase difference is called a 'phase lag'.\\n \")]),_c('h3',{ref:\"ja\",staticClass:\"mb-2\"},[_vm._v(\"\\n 'In Phase' & 'Out of Phase'\\n \")]),_vm._m(0),_c('h3',{ref:\"pg\",staticClass:\"mb-2\"},[_vm._v(\"\\n MagicGraph | Phase Difference Explained\\n \")]),_c('p',[_vm._v(\"\\n Bo and Mo are at a carnival. They decide to ride a Ferris wheel.\\n Let's observe the vertical motion of Bo and Mo as the wheel spins.\\n The wheel ascends to the highest point, and then,\\n descends to the lowest point before ascending up again.\\n Each of their vertical motion, when traced in time, looks like a sinusoidal curve.\\n\\n Now, if they sit in the same cabin, they go through\\n the highest point (or the lowest point) at the same time.\\n This will be equivalent to saying their motions are in phase.\\n\\n However, if they sit in different cabins,\\n they will go through the highest point (or the lowest point) at different times.\\n This will be equivalent to saying that their motions are out of phase.\\n \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n Two waves are said to be 'in phase' when they have zero phase difference.\\n When two waves are 'in phase', their maxima occur at the same time.\\n\\n Two waves are said to be 'out of phase' when they have 180\"),_c('sup',[_vm._v(\"o\")]),_vm._v(\" phase difference. When two waves are 'in phase', their maxima occur at the same time.\\n \")])\n}]\n\nexport { render, staticRenderFns }","// Import the edliy_utils\r\nimport {\r\n makeResponsive,\r\n placeTitle,\r\n placeImage,\r\n placeInput,\r\n placeSlider,\r\n hoverMe,\r\n placeRec,\r\n hiddenPt,\r\n fixedPt,\r\n clearInputFields,\r\n dragMe,\r\n placeArrow,\r\n placeGravity,\r\n placeText,\r\n placeLine,\r\n placePoint,\r\n placeGlider,\r\n placeRuler,\r\n placeLeftText,\r\n placeCircle,\r\n placeAngle,\r\n placeDash,\r\n placeLabel\r\n} from '../../../common/edliy_utils';\r\nconst Boxes = {\r\n box1: function () {\r\n //Create the Board\r\n JXG.Options.board.minimizeReflow = 'none';\r\n JXG.Options.point.showInfobox =false;\r\n JXG.Options.line.highlight=false;\r\n var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-16, 11, 10, -15],\r\n keepaspectratio: true, axis:false, ticks:{visible:false},\r\n grid:true, showCopyright:false, showNavigation:false,\r\n pan:{enabled:false}, zoom:{enabled:false}});\r\n //suspend updates\r\n //brd1.suspendUpdate();\r\n // Layering\r\n brd1.options.layer['image']=11;\r\n brd1.options.layer['text']=16;\r\n brd1.options.layer['circle']=10;\r\n brd1.options.layer['point']=12;\r\n brd1.options.layer['glider']=12;\r\n brd1.options.layer['angle']=12;\r\n brd1.options.layer['line']=11;\r\n brd1.options.layer['axis']=2;\r\n //Make the board responsive\r\n makeResponsive(brd1);\r\n // Creat titleStyle\r\n placeTitle(brd1, 'Phase Difference between Waves', '(Set the Phase Difference. Then click Go!)');\r\n //dragMe(brd1, 5, 5);\r\n var j=5;\r\n var x =-9;\r\n var y =0;\r\n placeDash(brd1, [-15, 0], [-5, 0], 1, 'grey');\r\n placeDash(brd1, [-10, -5], [-10, 5], 1, 'grey');\r\n var seg = placeCircle(brd1, [-10, 0], [-10, function(){return j}], 2, 'grey');\r\n var loc =placeGlider(brd1, seg, -10+j, 0, 3, 'white', 'red');\r\n var plus =placeImage(brd1,'/assets/plus.svg', -9., -9, 2.1, 0);\r\n var go =placeImage(brd1,'/assets/go.svg', -6., -9, 2, 0);\r\n placeImage(brd1,'/assets/line.svg', -17.5, -15, 15);\r\n placeImage(brd1,'/assets/rocks.svg', -11,-15.3,2);\r\n placeImage(brd1,'/assets/circle.svg', -10.5,-0.5,1);\r\n //var phase =placeGlider(brd1, seg, -8, 2, 3, 'white', 'black');\r\n var ang =placeAngle(brd1, [-9, 0], [-10, 0], [()=>loc.X(), ()=>loc.Y()], ()=>0.5*j.valueOf(), 'red');\r\n ang.setAttribute({name:''});\r\n var theta=Math.PI/4;\r\n var phase=placePoint(brd1, ()=>-10+j.valueOf()*Math.cos(ang.Value()+theta.valueOf()), ()=>j.valueOf()*Math.sin(ang.Value()+theta), 3, 'white', 'blue');\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(Math.PI/2+ang.Value()), ()=>j*Math.sin(Math.PI/2+ang.Value())], 1, 'black');\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(3*Math.PI/4+ang.Value()),()=>j*Math.sin(3*Math.PI/4+ang.Value())], 1, 'black')\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(Math.PI+ang.Value()), ()=>j*Math.sin(Math.PI+ang.Value())], 1, 'black')\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(5*Math.PI/4+ang.Value()), ()=>j*Math.sin(5*Math.PI/4+ang.Value())], 1, 'black')\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(7*Math.PI/4+ang.Value()), ()=>j*Math.sin(7*Math.PI/4+ang.Value())], 1, 'black')\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(1*Math.PI/4+ang.Value()), ()=>j*Math.sin(1*Math.PI/4+ang.Value())], 1, 'black')\r\n placeDash(brd1, [-10, 0], [()=>-10+j*Math.cos(3*Math.PI/2+ang.Value()), ()=>j*Math.sin(3*Math.PI/2+ang.Value())], 1, 'black')\r\n placeArrow(brd1, [-10, 0], [()=>loc.X(), ()=>loc.Y()], 2,'red');\r\n placeArrow(brd1, [-10, 0], [()=>phase.X(), ()=>phase.Y()], 2,'blue');\r\n placeArrow(brd1, [-1, 0], [9, 0], 2,'black');\r\n placeArrow(brd1, [0, -5], [0, 6], 2,'black');\r\n var ang1 =placeAngle(brd1, [()=>loc.X(), ()=>loc.Y()], [-10, 0], [()=>phase.X(), ()=>phase.Y()], ()=>0.5*j.valueOf(), 'grey');\r\n ang1.setAttribute({name:'φ'});\r\n var beta =0;\r\n var gamma=0;\r\n var run =function(){\r\n if(gamma < 2*Math.PI)\r\n {gamma+=0.025;\r\n beta =Math.min(gamma, 2*Math.PI);\r\n x = -10+j.valueOf()*Math.cos(beta);\r\n y = j.valueOf()*Math.sin(beta)\r\n }\r\n loc.moveTo([x,y]);\r\n if(beta<2*Math.PI){\r\n setTimeout(run, 0);}\r\n else {\r\n return;\r\n }\r\n }\r\n go.on('down', function(){phase.moveTo([-9, 0]); gamma=0; beta=0; run();});\r\n var minus = placeImage(brd1,'/assets/minuss.svg', -13, -9, 2, 0);\r\n hoverMe(brd1, plus, 'To Increase Phase Difference', 0, -20);\r\n hoverMe(brd1, minus, 'To Decrease Phase Difference', 0, -20);\r\n var horz =placeLine(brd1,[()=>loc.X()-60, ()=>loc.Y()], [()=>loc.X()+60, ()=>loc.Y()], 1, 'grey');\r\n horz.setAttribute({visible:false});\r\n //placeRuler(brd1, [6, 0],[6, function(){return loc.Y();}], '5m');\r\n //placeLeftText(brd1, 6.25, function(){return 0.5*loc.Y()}, function(){return '' + (-loc.Y()).toFixed(2) + ' m'});\r\n //plus.on('down', function(){if(j<6){j+=0.5;}else{return}});\r\n //minus.on('down', function(){if(j>2){j-=0.5;}else{return}});\r\n plus.on('down', function(){loc.moveTo([-5,0]);theta+=Math.PI/4; beta=0;});\r\n minus.on('down',function(){loc.moveTo([-5,0]);theta-=Math.PI/4;beta=0;});\r\n //var ang =brd1.create('angle', [[1,-10], [0,-10], loc],{radius:1, center:{visible:false}, radiusPoint:{visible:false}});\r\n brd1.create('functiongraph',[function(x){return j.valueOf()*Math.sin(x)}, 0, ()=>beta.valueOf()],{strokeColor:'red', strokeWidth:2, highlight:false});\r\n brd1.create('functiongraph',[function(x){return j.valueOf()*Math.sin(x+theta.valueOf())}, 0, ()=>beta.valueOf()],{strokeColor:'blue', strokeWidth:2, highlight:false});\r\n var PA =placePoint(brd1, ()=>beta.valueOf(), ()=>loc.Y(), 3, 'white', 'red');\r\n var PB =placePoint(brd1, ()=>beta.valueOf(), ()=>phase.Y(), 3, 'white', 'blue');\r\n placeLabel(brd1, PA, 'A', 10, -10);\r\n placeLabel(brd1, PB, 'B', 10, +10);\r\n //placeDash(brd1, [()=>ang.Value(), ()=>loc.Y()], [()=>ang.Value(), 0], 1, 'grey');\r\n //placeDash(brd1, [()=>ang.Value(), ()=>loc.Y()], [0, ()=>loc.Y()], 1, 'grey');\r\n var txt1 =placeText(brd1, 3, -6.5, function(){return 'Blue wave leads the red wave by φ = '+ (Math.abs(theta.valueOf())*180/Math.PI).toFixed(1)+'^o';});\r\n txt1.setAttribute({visible:()=>theta.valueOf()>0});\r\n//////////////////////\r\n var txt2 = placeText(brd1, 3, -6.5, function(){return 'Blue wave lags the red wave by φ = '+ (Math.abs(theta.valueOf())*180/Math.PI).toFixed(1)+'^o';});\r\n txt2.setAttribute({visible:()=>theta.valueOf()<0});\r\n placeText(brd1, 9, -0.5, ' α(rad)');\r\n placeText(brd1, -0.5, 7, 'y');\r\n placeText(brd1, ()=>(j.valueOf()+0.75)*Math.cos(ang.Value())-10, ()=>(j.valueOf()+0.75)*Math.sin(ang.Value()), 'A');\r\n placeText(brd1, ()=>(j.valueOf()+0.75)*Math.cos(ang.Value()+theta.valueOf())-10, ()=>(j.valueOf()+0.75)*Math.sin(ang.Value()+theta.valueOf()), 'B');\r\n brd1.create('text', [3, 7.5, function(){return 'Y_A = R sin(α)'}],{anchorX:'left', anchorY:'middle', highlight:false, color:'red',CssStyle:'fontFamily:Oswald;',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true, highlight:false});\r\n brd1.create('text', [3, 6.5, function(){return 'Y_B = R sin(α+φ)'}],{anchorX:'left',anchorY:'middle', highlight:false,color:'blue', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(14*brd1.canvasWidth/500.)}, fixed:true, highlight:false});\r\n },\r\n }\r\nexport default Boxes;\r\n","\r\n\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=f55303d4&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&id=f55303d4&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}