{"version":3,"sources":["webpack:///./src/components/physics/circle/Lesson.vue?faec","webpack:///./src/components/physics/circle/Lesson.vue","webpack:///./src/components/physics/circle/Boxes.js","webpack:///src/components/mathematics/circle/Lesson.vue","webpack:///./src/components/physics/circle/Lesson.vue?6a03","webpack:///./src/components/physics/circle/Lesson.vue?6774"],"names":["ref","attrs","staticClass","render","Boxes","box1","JXG","Options","point","showInfoBox","highlight","text","fixed","curve","cssDefaultStyle","brd1","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","options","layer","suspendUpdate","makeResponsive","placeTitle","Go","placeImage","radius","placeSlider","setAttribute","snapWidth","placeText","segment1","create","Value","Math","PI","strokeColor","ptCenter","placeGlider","r","placePoint","X","Y","setLabel","label","anchorX","anchorY","pt1","face","size","name","offset","fillColor","on","moveTo","strokeWidth","fillOpacity","angle1","pt3","sin","cos","trace","placeArrow","ptArrow1","ptArrow2","highlightStrokeWidth","lastArrow","type","highlightSize","touchLastPoint","firstArrow","toFixed","CssStyle","fontSize","round","canvasWidth","unsuspendUpdate","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","titleTemplate","meta","content","component","staticRenderFns"],"mappings":"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","file":"js/chunk-d04ca5dc.d0ffee96.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=9bb469e4&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"def\"},[_vm._v(\"\\n Circumference\\n \")]),_c('p',[_vm._v(\"\\n Let's say you're given a circle.\\n Now, imaging walking along the edge of this circle until you get back to where you started.\\n Then, the total distance traveled is defined as the circumference of the circle.\\n \")]),_c('h3',{ref:\"formula\"},[_vm._v(\"\\n Circumference Formula\\n \")]),_c('p',[_vm._v(\"\\n The circumference of a circle of radius R is given by\\n $$L = 2 \\\\times\\\\pi \\\\times R$$\\n where \\\\(\\\\pi = 22/7\\\\).\\n \")]),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Circumference of a circle\\n \")]),_c('h5',[_vm._v(\"To Get Started\")]),_c('p',[_vm._v(\"\\n This MagicGraph let's student learn about circumference of a circle using an interactive approach.\\n You are given a coin of radius R. The radius of the coin can be set using the slider shown in the MagicGraph.\\n Then, tap on the Go button to let the coin roll.\\n The linear distance traveled by the coin until it has rolled a complete circle equals the circumference.\\n \")]),_c('v-responsive',[_c('v-layout',{attrs:{\"justify-center\":\"\"}},[_c('div',{staticClass:\"edliy-box-about\",attrs:{\"id\":\"jxgbox1\"}})])],1)],1)\n}\nvar staticRenderFns = []\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 placeSliderSwitch\r\n} from '../../../common/edliy_utils-circle';\r\nconst Boxes = {\r\nbox1: function () {\r\nJXG.Options.point.showInfoBox=false;\r\nJXG.Options.point.highlight=false;\r\nJXG.Options.text.highlight=false;\r\nJXG.Options.text.fixed=true;\r\nJXG.Options.curve.highlight=false;\r\nJXG.Options.text.cssDefaultStyle='fontFamily:Oswald;'\r\nvar brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-3, 20, 20, -3],\r\n keepaspectratio: true, axis:true, ticks:{visible:false},\r\n grid:true, showCopyright:false, showNavigation:false,\r\n pan:{enabled:false}, zoom:{enabled:false}});\r\nbrd1.options.layer['image']=14;\r\nbrd1.suspendUpdate();\r\n//Title\r\nmakeResponsive(brd1);\r\nplaceTitle(brd1, 'Rolling Motion of a Coin', 'Trajectory of a Point on the Coin');\r\n//Sliders\r\nbrd1.suspendUpdate();\r\n\r\nbrd1.options.layer['image'] =14;\r\n//Title and subtitle\r\n//var title1 = brd1.create('text', [8, 18, ' Perimeter of Circle '],{fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(28*brd1.canvasWidth/500.)}},);\r\n//var radius = brd1.create('slider',[[15,12],[20,12],[1,2.5,3]], {snapToGrid: false ,face:'circle', size:3, name:'r', strokeColor:'black', label:{fontSize:function(){return 18*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\n//placeImage(brd1,'/assets/one.svg', 2, 11.7, 0.6, 0);\r\n//placeImage(brd1,'/assets/two.svg', 2, 9.7, 0.6, 0);\r\nvar Go =placeImage(brd1,'/assets/go.svg', 9, 6, 2, 0);\r\nvar radius =placeSlider(brd1, 1, 7, 1, 1.5, 2, 4, '   R');\r\nradius.setAttribute({snapWidth:0.25});\r\nplaceText(brd1, 8.5, 16, 20, '1. Set the Location of Point \\'P\\' 2. Tap on Go button to let the coin roll')\r\n//placeText(brd1, 6, 10, 20, '1. Set the radius using the slider. 2. Tap on the Go button to roll the circle.')\r\n//placeText(brd1, 3, 6, 20, ()=>'L =2 π R ='+(2*Math.PI*radius.Value()).toFixed(2));\r\nvar segment1 = brd1.create('segment', [[0,function(){return radius.Value()}], [function(){return 4*Math.PI*radius.Value()},function(){return radius.Value()}]], {fixed: true, strokeColor: 'black', visible:false});\r\n//var ptCenter = brd1.create('glider', [0,2, segment1],{face:'o' , name:'Drag Me!', label:{fontSize:function(){return 16*brd1.canvasHeight/800}, cssStyle:'fontFamily:Oswald'}});\r\nvar ptCenter = placeGlider(brd1, segment1, 0, 2, 3, 'red', 'black');\r\n//ptCenter.setLabel('Drag me!');\r\nvar r =placePoint(brd1, ()=>ptCenter.X(), ()=>ptCenter.Y()/2,0, 'red','black');\r\nr.setLabel('R');\r\nr.label.setAttribute({anchorX:'middle', anchorY:'middle'});\r\nvar pt1 =brd1.create('point', [function(){return ptCenter.X()},0.0], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\nradius.on('down', function(){ptCenter.moveTo([0,radius.Value()]); pt1.moveTo([0,0]);});\r\nvar c1 = brd1.create('circle', [ptCenter, pt1], {strokeColor: 'black', strokeWidth: 0.5, fillColor: 'orange', fillOpacity: 0.2});\r\nfunction angle1(){\r\n return (2*Math.PI-ptCenter.X()/radius.Value() );\r\n}\r\n\r\nvar pt3 =brd1.create('point',\r\n[function(){return ptCenter.X()+radius.Value()*Math.sin(angle1())},function(){return ptCenter.Y()-radius.Value()*Math.cos(angle1())}], {trace:true, fixed:true, visible:true, face:'circle', size:3, name:'', strokeColor: 'black', fillColor: 'white'});\r\n\r\nplaceArrow(brd1, [()=>ptCenter.X(), ()=>ptCenter.Y()], [()=>pt3.X(), ()=>pt3.Y()], 2, 'black');\r\n//var txt1 = brd1.create('text', [3, -4, function(){return 'ANGLE = ' + angle1()*180/Math.PI}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\nvar segment2 = brd1.create('segment', [[0,0], [function(){return pt1.X()},0]], {fixed: true, strokeWidth:4, strokeColor: 'green'});\r\n\r\nvar arc1 = brd1.create('arc', [ptCenter, pt1, pt3], {strokeColor: 'green', strokeWidth:4});\r\n\r\n\r\n//Arrow\r\nvar ptArrow1 =brd1.create('point', [function(){return pt1.X()} ,-2], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\nvar ptArrow2 =brd1.create('point', [0 ,-2], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\nvar segment2 = brd1.create('segment', [ptArrow1, ptArrow2], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n highlightStrokeWidth: 2,\r\n lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n touchLastPoint: false,\r\n firstArrow: {type: 2, size: 8}\r\n });\r\n\r\nvar txtPer = brd1.create('text', [function(){return pt1.X()/2}, -1.5, function(){return pt1.X().toFixed(2)}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\nGo.on('down', function(){ptCenter.moveTo([4*Math.PI*radius.Value(), radius.Value()], 1000)});\r\n\r\n//var ptArrow3 =brd1.create('point', [-5,0], {fixed:true, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n//var ptArrow4 =brd1.create('point', [-5, function(){return radius.Value()}], {fixed:false, visible:false, face:'circle', size:4, name:' ', label: {offset: [0,25]}, strokeColor: 'black', fillColor: '#e1e1e1'});\r\n//var segment3 = brd1.create('segment', [ptArrow3, ptArrow4], {fixed: true, strokeColor: 'black', visible:true, strokeWidth:1,\r\n// highlightStrokeWidth: 2,\r\n// lastArrow: {type: 2, size: 8, highlightSize: 6},\r\n //touchLastPoint: false,\r\n //firstArrow: {type: 2, size: 8}\r\n //})\r\n//var txtRad = brd1.create('text', [-4, function(){return radius.Value()/2}, function(){return radius.Value().toFixed(2)}],{visible: true, fixed: true, anchorX: 'middle', anchorY: 'middle', CssStyle:'fontFamily:Oswald',fontSize:function(){return Math.round(12*brd1.canvasWidth/500.)}},);\r\n\r\nbrd1.unsuspendUpdate();\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=9bb469e4&\"\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=9bb469e4&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":""}