{"version":3,"sources":["webpack:///./src/components/transformation_laws/vector_transformation/VectorTransformation.vue","webpack:///./src/components/transformation_laws/vector_transformation/Boxes.js","webpack:///src/components/transformation_laws/vector_transformation/VectorTransformation.vue","webpack:///./src/components/transformation_laws/vector_transformation/VectorTransformation.vue?cd0f","webpack:///./src/components/transformation_laws/vector_transformation/VectorTransformation.vue?eb95","webpack:///./src/components/transformation_laws/vector_transformation/VectorTransformation.vue?a40c"],"names":["ref","_vm","attrs","_c","key","hover","$router","scopedSlots","render","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","grid","showCopyright","showNavigation","zoom","enabled","pan","resize","resizeContainer","containerObj","clientWidth","clientHeight","fullUpdate","window","onresize","l","l1","create","cssStyle","fontSize","canvasWidth","fixed","xcomp","parse","ycomp","origin","visible","rtp","p","Value","size","name","face","label","rota","strokeColor","strokeWidth","radiuspoint","anglepoint","center","rxa","fillColor","shadow","rxb","pxb","xo","yo","rotang","radius","vertices","color","Rx","Ry","rot3","Math","atan2","Y","X","type","toFixed","PI","bindTo","dash","created","_this","title","$store","commit","newTopics","img","action","goto","newshowhome","newMath","mounted","MathJax","Hub","Queue","methods","component","staticRenderFns"],"mappings":"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","file":"js/chunk-6193337f.c4db5f5b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Cartesian Components of a Vector\\n \")]),_c('p',[_vm._v(\"\\n Consider a 2D Cartesian coordinate system x-y defined by a set of mutually orthogonal unit vectors , which are also known as basis vectors of the coordinate system.\\n A vector, say \\\\(\\\\mathbf r\\\\), in such a coordinate system can be represented by means of a doublet of scalars:\\n $$\\\\mathbf r = r_x \\\\mathbf x + r_y \\\\mathbf y \\\\tag{1}$$\\n The scalars \\\\(r_x\\\\) and \\\\(r_y\\\\) are called the components of vector \\\\(\\\\mathbf r\\\\) in the Cartesian basis defined by unit vectors \\\\(\\\\mathbf x\\\\) and \\\\(\\\\mathbf y\\\\).\\n Upon taking the scalar product of \\\\(\\\\mathbf x\\\\) and \\\\(\\\\mathbf r\\\\), we obtain:\\n $$\\\\mathbf r \\\\cdot \\\\mathbf x = r_x \\\\mathbf x \\\\cdot \\\\mathbf x + r_y \\\\mathbf y \\\\cdot \\\\mathbf x \\\\tag{2}$$\\n Note that the basis vectors \\\\(\\\\mathbf x \\\\) and \\\\(\\\\mathbf y \\\\)are mutually orthogonal, i.e.,\\n $$ \\\\mathbf x \\\\cdot \\\\mathbf y = \\\\mathbf y \\\\cdot \\\\mathbf z = \\\\mathbf z \\\\cdot \\\\mathbf x = 0 \\\\tag{3}$$\\n Further, since the basis vectors are unit vectors, we obtain:\\n $$ \\\\mathbf x \\\\cdot \\\\mathbf x = \\\\mathbf y \\\\cdot \\\\mathbf y = \\\\mathbf z \\\\cdot \\\\mathbf z =1 \\\\tag{4}$$\\n Using the results from equations (2) and (3) in equation (4), we obtain\\n $$r_x = \\\\mathbf r \\\\cdot \\\\mathbf x \\\\tag{5}$$\\n Following a similar process, we can show that:\\n $$r_y = \\\\mathbf r \\\\cdot \\\\mathbf y \\\\tag{6}$$\\n Note that although the vector \\\\(\\\\mathbf r \\\\) is independent of the choice of coordinate system, however, the components \\\\(r_x\\\\), and \\\\(r_y\\\\) are not.\\n \")]),_c('h3',{ref:\"transformation\"},[_vm._v(\"\\n Transformation of Coordinates\\n \")]),_c('p',[_vm._v(\"\\n Now, consider another Two-D Cartesian coordinate system x'-y' which is rotated by an angle \\\\(\\\\theta \\\\) w.r.t. original coordinate system x-y, as shown in the figure below.\\n \")]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-img',{attrs:{\"max-height\":\"300px\",\"max-width\":\"300px\",\"src\":\"assets/transform.png\",\"contain\":\"\"}})],1),_c('p',[_vm._v(\"\\n The rotated coordinate system is defined by basis vectors \\\\(\\\\mathbf x'\\\\) and \\\\(\\\\mathbf y'\\\\) which are related to original basis vectors as follows:\\n $$\\\\mathbf x' = \\\\cos \\\\theta\\\\ \\\\mathbf x + \\\\sin \\\\theta\\\\ \\\\mathbf y \\\\tag{7}$$\\n and\\n $$\\\\mathbf y' = -\\\\sin \\\\theta \\\\ \\\\mathbf x + \\\\cos \\\\theta \\\\ \\\\mathbf y \\\\tag{8}$$\\n Let's say the components of vector \\\\(\\\\mathbf r\\\\) in the new Cartesian basis\\n $$\\\\mathbf r = r_x' \\\\mathbf x' + r_y' \\\\mathbf y' \\\\tag{5}$$\\n Taking the dot product with \\\\(\\\\mathbf x'\\\\) gives\\n $$ r_{x'} = \\\\mathbf r \\\\cdot \\\\mathbf x' = r_x \\\\mathbf x \\\\cdot \\\\mathbf x' + r_y \\\\mathbf y \\\\cdot \\\\mathbf x'= r_x \\\\cos \\\\theta + r_y \\\\sin \\\\theta \\\\tag{9}$$\\n Upon taking the dot product with \\\\(\\\\mathbf y'\\\\) gives\\n $$ r_{y'} = \\\\mathbf r \\\\cdot \\\\mathbf y' = r_x \\\\mathbf x \\\\cdot \\\\mathbf y' + r_y \\\\mathbf y \\\\cdot \\\\mathbf y'= -r_x \\\\sin \\\\theta + r_y \\\\cos \\\\theta \\\\tag{10}$$\\n \")]),_c('h3',{ref:\"matrix\"},[_vm._v(\"\\n Transformation as a Matrix Operation\\n \")]),_c('p',[_vm._v(\"\\n In tensorial notation, the above transformation law can be written as:\\n $$\\\\begin{bmatrix} r_{x'} \\\\\\\\ r_{y'} \\\\end{bmatrix} = \\\\begin{bmatrix} \\\\cos \\\\theta & \\\\sin \\\\theta \\\\\\\\ -\\\\sin \\\\theta & \\\\cos \\\\theta \\\\end{bmatrix}\\\\cdot \\\\begin{bmatrix} r_{x} \\\\\\\\ r_{y} \\\\end{bmatrix}$$\\n \")]),_c('h3',{ref:\"playgraph\"},[_vm._v(\"\\n MagicGraph: Vector Transformation Under Rotation of Coordinate System\\n \")]),_c('v-responsive',{attrs:{\"aspect-ratio\":1}},[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})]),_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-btn',{attrs:{\"color\":hover ? '#757575' : '#2E2E2E',\"large\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.$router.push({name: 'mathematics'})}}},[_c('v-img',{attrs:{\"src\":\"/assets/masswhite.svg\",\"aspect-ratio\":\"1\",\"contain\":\"\"}})],1)]}}])}),_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-btn',{attrs:{\"color\":hover ? '#757575' : '#2E2E2E',\"large\":\"\",\"depressed\":\"\"},on:{\"click\":function($event){return _vm.$router.push({name: 'home'})}}},[_c('v-img',{attrs:{\"src\":\"/assets/edliy.svg\",\"aspect-ratio\":\"1\",\"width\":\"5px\",\"contain\":\"\"}})],1)]}}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\nconst Boxes = {\r\n box1: function () {\r\n var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-8.0, 12, 8.0,-4],keepaspectratio:true, axis:false, ticks:true, grid:true, showCopyright:false, showNavigation:false, zoom:{enabled:false}, pan:{enabled:false}});\r\n //brd1.suspendUpdate();\r\n var resize = function () {\r\n brd1.resizeContainer(brd1.containerObj.clientWidth, brd1.containerObj.clientHeight, true);\r\n brd1.fullUpdate();\r\n };\r\n window.onresize = resize;\r\n var l = 5.0;\r\n var l1 =5.15;\r\n //Original Vector\r\n brd1.create('text',[2.50, 8.5, ' r ='],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n var xcomp = brd1.create('input', [3.0, 8.5, '2.00', ' '], {cssStyle:'width:6%;fontFamily:Oswald;background-color:#008CBA;border: 1px solid black;border-radius: 3.5px;',\r\n fontSize:function(){return 20*brd1.canvasWidth/800}, parse:true, fixed:true});\r\n brd1.create('text',[4.2, 8.5, ' x +'],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n var ycomp = brd1.create('input', [5.0, 8.5, '2.00', ' '], {cssStyle:'width:6%;fontFamily:Oswald;background-color:#008CBA;border: 1px solid black;border-radius: 3.5px;',\r\n fontSize:function(){return 20*brd1.canvasWidth/800}, parse:true, fixed:true});\r\n brd1.create('text',[6.0, 8.5, ' y '],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n //Point\r\n var origin=brd1.create('point', [0,0], {visible:false});\r\n var rtp=brd1.create('point', [l,0], {visible:false});\r\n var p = brd1.create('point', [function(){return xcomp.Value()*1.00;}, function(){return ycomp.Value()*1.00;}],{size:4, name:'r', face:'square', parse:true, fixed:true, label:{cssStyle:'fontFamily:Oswald',\r\n fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true}});\r\n var OP=brd1.create('arrow',[[0.0, 0.0],[function(){return 1.00*xcomp.Value();}, function(){return 1.00*ycomp.Value();}] ],{strokeColor:'grey', strokeWidth:4, fixed:true});\r\n //Axes annotation\r\n var x = brd1.create('text',[l1+0.5, 0.0, 'x'],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n var y = brd1.create('text',[0.0, l1+0.5, ' y '],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n //Original axes\r\n var Ox=brd1.create('arrow',[[-2.5, 0.0],[l, 0.0]],{strokeColor:'green', strokeWidth:4, fixed:true});\r\n var Oy=brd1.create('arrow',[[0.0, -2.5],[0.0, l]],{strokeColor:'green', strokeWidth:4, fixed:true});\r\n //Rota Path\r\n var rota=brd1.create('arc',[[0, 0],[l, 0.00001],[l, -0.00001]],{strokeWidth:0, radiuspoint:{size:0,name:''},anglepoint:{size:0, name:''},center:{size:0, name:''}, fixed:true});\r\n //Glider\r\n var rxa=brd1.create('glider',[1.0, 0.001, rota],{name:'x\\'', size:4, face:'square',fillColor:'yellow',strokeColor:'black',shadow:true, label:{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true}});\r\n var rxb = brd1.create('point', [0.0, l],{size:0, name:'y\\'', fixed:true,label:{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true}});\r\n var pxb = brd1.create('point', [0.5, 0.001],{size:0, name:'', fixed:true});\r\n var xo = brd1.create('point', [-2.5, 0.0],{size:0, name:'', fixed:true});\r\n var yo = brd1.create('point', [0.0, -2.5],{size:0, name:'', fixed:true});\r\n //angle\r\n var rotang=brd1.create('angle',[rtp,origin,rxa],{radius:1, vertices:{visible:false}, radiuspoint:{size:0,name:''},anglepoint:{size:0, name:''},center:{size:0, name:''}, fixed:true, label:{fontSize:function(){return 25*brd1.canvasWidth/800}, color:'black'}});\r\n //Rotated axes\r\n var Rx=brd1.create('arrow',[xo,rxa],{strokeColor:'blue', strokeWidth:4, fixed:true});\r\n var Ry=brd1.create('arrow',[yo,rxb],{strokeColor:'blue', strokeWidth:4, fixed:true});\r\n var rot3 = brd1.create('transform',[function(){return Math.atan2(rxa.Y(),rxa.X());}, [0,0]],{type:'rotate'});\r\n //Rev Vec\r\n brd1.create('text',[-0.5, 7.5, function(){return 'α (deg)=' + JXG.toFixed(rotang.Value()*180/Math.PI,1)}],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[-5.5, 8.5, ' r\\' ='],{fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text', [-4.7, 8.5, function(){return (rxa.X()*p.X()/l+rxa.Y()*p.Y()/l).toFixed(2);}],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 20*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[-3.8, 8.5, ' x\\' +'],{fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text', [-3., 8.5, function(){return (-rxa.Y()*p.X()/l+rxa.X()*p.Y()/l).toFixed(2);}],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 20*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[-2.2, 8.5, ' y\\' '],{fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n //titles\r\n brd1.create('text',[-2, 11.1, ' Vector Transformation '],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 28*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[-5.5, 9.75, 'x\\'-y\\' axes (blue axes)'],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[2.5, 9.75, 'x -y axes (green axes)'],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n brd1.create('text',[-2.5, -3.25, 'Drag the highlighted point to rotate!'],{cssStyle:'fontFamily:Oswald', fontSize:function(){return 25*brd1.canvasWidth/800}, fixed:true});\r\n rot3.bindTo([xo, yo, rxb, pxb]);\r\n //Rota Path\r\n //var arcc=brd1.create('arc',[[0, 0],[0.5, 0.0],pxb],{strokeWidth:2, strokeColor:'black', radiuspoint:{size:0,name:''},anglepoint:{size:0, name:''},center:{size:0, name:''}, fixed:true});\r\n var Prp1 = brd1.create('perpendicularsegment',[Rx, p],{strokeColor:'blue', strokeWidth:2, dash:1});\r\n var Prp2 = brd1.create('perpendicularsegment',[Ry, p],{strokeColor:'blue', strokeWidth:2, dash:1});\r\n //brd1.unsuspendUpdate();\r\n\r\n },\r\n}\r\nexport default Boxes;\r\n","\r\n\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!./VectorTransformation.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!./VectorTransformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VectorTransformation.vue?vue&type=template&id=1d373e63&\"\nimport script from \"./VectorTransformation.vue?vue&type=script&lang=js&\"\nexport * from \"./VectorTransformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VectorTransformation.vue?vue&type=style&index=0&id=1d373e63&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","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!./VectorTransformation.vue?vue&type=style&index=0&id=1d373e63&prod&lang=scss&\""],"sourceRoot":""}