{"version":3,"sources":["webpack:///./src/components/mathematics/Math7thGrade/demo3Dshapes/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/demo3Dshapes/Boxes.js","webpack:///src/components/mathematics/Math7thGrade/quiz3Dshapes/Lesson.vue","webpack:///./src/components/mathematics/Math7thGrade/demo3Dshapes/Lesson.vue?4823","webpack:///./src/components/mathematics/Math7thGrade/demo3Dshapes/Lesson.vue?4bad"],"names":["ref","attrs","staticClass","_v","_vm","_self","staticRenderFns","Boxes","box1","brd1","JXG","JSXGraph","initBoard","boundingbox","keepaspectratio","axis","ticks","visible","grid","showCopyright","showNavigation","pan","enabled","zoom","suspendUpdate","options","strokeWidth","layer","board","minimizeReflow","point","showInfobox","line","highlight","image","text","makeResponsive","placeLogo","placeTitle","analytics","placeEraseLeft","setLabel","label","setAttribute","alignX","offset","CssStyle","fontSize","on","this","erase","placeTest","rght","placeImage","rght2","wrng","wrng2","rght3","wrng3","x1","y1","front","side","top","checkColorFront","colors","checkColorTop","blues","checkColorSide","greens","create","vertices","fixed","borders","strokeColor","fillColor","fillOpacity","width","num_height","num_width","rects","rects2","rectsVisibility","rectsVisibility2","_loop","x","rectx","rectx2","vx","vx2","_loop4","y","v","v2","rect","opacity","rect2","changeRectColorxy","color","push","Trects","Trects2","TrectsVisibility","TrectsVisibility2","_loop2","_x","_loop5","Trect","Trect2","changeTrectColorxy","Lrects","Lrects2","LrectsVisibility","LrectsVisibility2","_loop3","_x2","_loop6","Lrect","Lrect2","changeLrectColorxy","current_visibility","current_visibility2","clearVisibility","placeMiddleText","unsuspendUpdate","name","created","_this","$store","commit","title","newTopics","img","action","goto","newshowhome","newMath","newLeftArrow","newModule","mounted","MathJax","Hub","Queue","metaInfo","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-2d0b6ad9.244114b7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{ref:\"intro\"},[_vm._v(\"\\n Views of 3D Shapes\\n \")]),_vm._m(0),_c('h3',{ref:\"pg\"},[_vm._v(\"\\n MagicGraph | Front, Top & Side Views of a 3D Shape\\n \")]),_c('br'),_c('h5',[_vm._v(\" Getting Started \")]),_vm._m(1),_c('h5',[_vm._v(\" Icons on the MagicGraph \")]),_vm._m(2),_c('br'),_c('v-responsive',[_c('v-layout',{attrs:{\"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 Three dimensional (or 3D) objects look differently when seen from different directions or angles.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n One can draw a two dimensional (or 2D) figure of a 3D object as it is seen from a given direction. Such a figure is called a\\n \"),_c('i',[_vm._v(\"view \")]),_vm._v(\" or a \"),_c('i',[_vm._v(\" projection\")]),_vm._v(\".\\n \"),_c('br'),_c('br'),_vm._v(\"\\n In a 2D view of a 3D object, one can see only those features that are visible from that particular direction. Thus, a single 2D view\\n is generally not sufficient to describe all the features of a 3D object. \"),_c('br'),_c('br'),_vm._v(\"\\n\\n However, by a combination of multiple different views, one can fully describe a 3D object. \"),_c('br'),_c('br'),_vm._v(\"\\n\\n Three commonly used views to describe a 3D object are:\\n \"),_c('ul',[_c('li',[_c('h5',[_vm._v(\" Front View: \")]),_vm._v(\"The 2D view of a 3D object as seen from the front is called its front view. \")]),_c('li',[_c('h5',[_vm._v(\" Side View: \")]),_vm._v(\" The 2D view of a 3D object as seen from the side (can be left or right) is called its side view.\")]),_c('li',[_c('h5',[_vm._v(\" Top View \")]),_vm._v(\" The 2D view of a 3D object as seen from the top is called its top view. \")])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n In this MagicGraph, you will be drawing the front, top and side views of the given 3D object.\\n On the top row, you will see the 3D object that you will be creating these views of. \"),_c('br'),_c('br'),_vm._v(\"\\n On the bottom row, you are given three stacks of empty squares labeled as \"),_c('i',[_vm._v(\"Front\")]),_vm._v(\", \"),_c('i',[_vm._v(\"Top\")]),_vm._v(\" and \"),_c('i',[_vm._v(\"Side\")]),_vm._v(\".\\n By selectively filling the squares in these stacks, you can create all the three views.\\n \"),_c('br'),_c('br'),_vm._v(\"\\n Simply tap on an empty square to fill it. Tapping on a filled square will empty it.\\n \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"\\n You can tap on \"),_c('i',{staticClass:\"tester ma-1\"}),_vm._v(\" icon to check your answer. You can tap on the\\n \"),_c('i',{staticClass:\"eraser ma-1\"}),_vm._v(\" icon to erase and start over.\\n \")])\n}]\n\nexport { render, staticRenderFns }","import {\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 placeMiddleText,\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 placeRightText,\r\n//placePoint(board, positionX, positionY, size, cols1, cols2)\r\n//placeDash(board, Pt1, Pt2, width, cols)\r\n placeArc,\r\n placeLogo,\r\n placeErase,\r\n placeShuffle,\r\n placeTest,\r\n placeSeg,\r\n setConfig,\r\n placeStat,\r\n placeTri,\r\n shuffle,\r\n placeEraseLeft,\r\n placeEraseRight\r\n} from '../Utils';\r\nconst Boxes = {\r\n //JXG.Options.line.highlight=false;\r\n box1: function () {\r\n //Create the Board\r\n var brd1 = JXG.JSXGraph.initBoard('jxgbox1',{boundingbox: [-9, 19, 15, -5],\r\n keepaspectratio: true, axis:false, ticks:{visible:true},\r\n grid:true, showCopyright:false, showNavigation:false,\r\n pan:{enabled:false}, zoom:{enabled:false}});\r\n\r\n brd1.suspendUpdate();\r\n // Layering\r\n brd1.options.axis.strokeWidth=0;\r\n brd1.options.layer['image']=15;\r\n brd1.options.layer['text']=16;\r\n brd1.options.layer['line']=16;\r\n brd1.options.layer['point']=17;\r\n brd1.options.layer['glider']=17;\r\n brd1.options.layer['angle']=18;\r\n brd1.options.board.minimizeReflow = 'none';\r\n brd1.options.point.showInfobox =false;\r\n brd1.options.line.highlight=false;\r\n brd1.options.image.highlight=false;\r\n brd1.options.text.highlight=false;\r\n brd1.options.layer['image'] =2;\r\n brd1.options.layer['point'] =3;\r\n// brd1.options.text.display='internal';\r\n //Make the board responsive\r\n makeResponsive(brd1);\r\n // Creat titleStyle\r\n placeLogo(brd1);\r\n placeTitle(brd1, 'Three D Shapes', '(Draw the Front, Top & Side Views of the 3D Object Shown)');\r\n/////////////////////\r\n var analytics = placeEraseLeft(brd1);\r\n analytics.setLabel('Tap to Erase & Start Over')\r\n analytics.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n analytics.on('over', function () {this.label.setAttribute({visible:true});});\r\n analytics.on('out', function () {this.label.setAttribute({visible:false});});\r\n ////////////////////////////////////////////////////\r\n var erase = placeTest(brd1);\r\n erase.setLabel('Tap to Test Your Answer')\r\n erase.label.setAttribute({visible:false, alignX:'middle', offset:[0, -15], CssStyle:'fontFamily:Oswald', fontSize:12});\r\n erase.on('over', function () {this.label.setAttribute({visible:true});});\r\n erase.on('out', function () {this.label.setAttribute({visible:false});});\r\n/////////////////////////////////////////////////////////////////////////////\r\n var rght = placeImage(brd1, '/assets/check.svg', -4, -1., 1., 0);\r\n var rght2 = placeImage(brd1, '/assets/check.svg', 5, -1., 1., 0);\r\n var wrng = placeImage(brd1, '/assets/cross.svg', -4, -1., 1., 0);\r\n var wrng2 = placeImage(brd1, '/assets/cross.svg', 5, -1., 1., 0);\r\n var rght3 = placeImage(brd1, '/assets/check.svg', 13, -1., 1., 0);\r\n var wrng3 = placeImage(brd1, '/assets/cross.svg', 13, -1., 1., 0);\r\n rght.setAttribute({visible:false});\r\n rght2.setAttribute({visible:false});\r\n rght3.setAttribute({visible:false});\r\n wrng.setAttribute({visible:false});\r\n wrng2.setAttribute({visible:false});\r\n wrng3.setAttribute({visible:false});\r\n // placeMiddleText(brd1, 0, 12, ()=>'Given Number =' + NumList[i]);\r\n /////////////////////////////////////////////////////////\r\n //3D Shape\r\n var x1 = -2;\r\n var y1 = 8;\r\n var shape=[];\r\n var front=[];\r\n var side =[];\r\n var top = [];\r\n ////////////////////////////////////////////////////////////////////////////\r\n function checkColorFront(){\r\n\r\n if(colors[0] == 'red' && colors[1] == 'red' && colors[2] == 'red' && colors[3] == 'white' && colors[4] == 'white'&& colors[5] == 'red' && colors[6] == 'white'){\r\n rght.setAttribute({visible: true});\r\n wrng.setAttribute({visible:false});\r\n }\r\n else{\r\n wrng.setAttribute({visible:true});\r\n rght.setAttribute({visible:false});\r\n }\r\n }\r\n function checkColorTop(){\r\n\r\n if(blues[0] == 'blue' && blues[1] == 'blue' && blues[2] == 'blue' && blues[3] == 'white' && blues[4] == 'white' && blues[5] == 'blue' && blues[6] == 'white'){\r\n rght2.setAttribute({visible: true});\r\n wrng2.setAttribute({visible:false});\r\n }\r\n else{\r\n wrng2.setAttribute({visible:true});\r\n rght2.setAttribute({visible:false});\r\n }\r\n }\r\n function checkColorSide(){\r\n\r\n if(greens[0] == 'green' && greens[1] == 'green' && greens[2] == 'green' && greens[3] == 'green'){\r\n rght3.setAttribute({visible: true});\r\n wrng3.setAttribute({visible:false});\r\n }\r\n else{\r\n wrng3.setAttribute({visible:true});\r\n rght3.setAttribute({visible:false});\r\n }\r\n }\r\n erase.on('down', function(){checkColorFront();checkColorTop(); checkColorSide();})\r\n var colors=[]; var blues=[]; var greens=[];\r\n colors[0]='white';\r\n colors[1]='white';\r\n colors[2]='white';\r\n colors[3]='white';\r\n colors[4]='white';\r\n colors[5]='white';\r\n colors[6]='white';\r\n ////////////////////////////////////\r\n blues[0]='white';\r\n blues[1]='white';\r\n blues[2]='white';\r\n blues[3]='white';\r\n blues[4]='white';\r\n blues[5]='white';\r\n blues[6]='white';\r\n ////////////////////////////////////////////////////////\r\n greens[0]='white';\r\n greens[1]='white';\r\n greens[2]='white';\r\n greens[3]='white';\r\n greens[4]='white';\r\n greens[5]='white';\r\n greens[6]='white';\r\n///////////////////////////////////////////\r\n front[0]= brd1.create('regularpolygon', [[x1, y1], [x1+2, y1], 4], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[1] = brd1.create('regularpolygon', [[x1+2, y1], [x1+4, y1], 4], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[2] = brd1.create('regularpolygon', [[x1+4, y1], [x1+6, y1], 4], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[3] = brd1.create('regularpolygon', [[x1+4, y1], [x1+6, y1], 4], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[4] = brd1.create('regularpolygon', [[x1+4, y1], [x1+6, y1], 4], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[5] = brd1.create('regularpolygon', [[x1+4, y1+2 ], [x1+6, y1+2], 4], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n front[6] = brd1.create('regularpolygon', [[x1+4, y1], [x1+6, y1], 4], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n//////////////////////////////////////////////////////////////////////\r\n side[0] = brd1.create('polygon', [[x1+6, y1], [x1+7.25, y1+1], [x1+7.25, y1+3], [x1+6, y1+2] ], {visible:true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n side[2] = brd1.create('polygon', [[x1+6, y1+2], [x1+7.25, y1+3], [x1+7.25, y1+5], [x1+6, y1+4] ], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n side[1] = brd1.create('polygon', [[x1+7.25, y1+1], [x1+8.5, y1+2], [x1+8.5, y1+4], [x1+7.25, y1+3]], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n side[3] = brd1.create('polygon', [[x1+7.25, y1+3], [x1+8.5, y1+4], [x1+8.5, y1+6], [x1+7.25, y1+5]], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n\r\n///////////////////////////////////////////////////////////////////////////\r\n top[2] = brd1.create('polygon', [[x1+6, y1+4], [x1+7.25, y1+5], [x1+5.25, y1+5], [x1+4, y1+4] ], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[0] = brd1.create('polygon', [[x1, y1+2], [x1+2, y1+2], [x1+3.25, y1+3], [x1+1.25, y1+3]], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[1] = brd1.create('polygon', [[x1 + 2, y1+ 2], [x1 + 4, y1 + 2], [x1+4, y1+3], [x1+3.25, y1+3]], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[5] = brd1.create('polygon', [[x1+5.25, y1+5], [x1+7.25, y1+5], [x1+8.5, y1+6], [x1+6.5, y1+6]], {visible:true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[3] = brd1.create('polygon', [[x1+5.25, y1+5], [x1+7.25, y1+5], [x1+8.5, y1+6], [x1+6.5, y1+6]], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[4] = brd1.create('polygon', [[x1+5.25, y1+5], [x1+7.25, y1+5], [x1+8.5, y1+6], [x1+6.5, y1+6]], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n top[6] = brd1.create('polygon', [[x1+5.25, y1+5], [x1+7.25, y1+5], [x1+8.5, y1+6], [x1+6.5, y1+6]], {visible:false, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n //////////////////////////////////////////////////////////////////////////////////////////////\r\n //var rectangle15 = brd1.create('polygon', [[x1+3.5, y1+3], [x1+4, y1+3.4]], {visible: true, vertices:{visible:false, fixed:true}, borders:{visible:true, strokeColor: 'black', strokeWidth: 2}, fillColor: 'white', fillOpacity:1.0});\r\n //FRONT\r\n var width=2;\r\n var num_height=2;\r\n var num_width=3;\r\n var rects=[];\r\n var rects2=[];\r\n var rectsVisibility=[];\r\n var rectsVisibility2=[];\r\n for (let x=0; x<3; x++)\r\n {\r\n let rectx=[];\r\n let rectx2=[];\r\n let vx=[];\r\n let vx2=[];\r\n\r\n for (let y=0; y< num_height; y++)\r\n {\r\n let v = true;\r\n let v2 = false;\r\n var rect = brd1.create('image', ['/assets/whiteSquare.svg', [x*width-1.5*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible: v, opacity:0.25, fixed:true});\r\n var rect2 = brd1.create('image', ['/assets/purpleSquare.svg', [x*width-1.5*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible: v2, fixed:true});\r\n rect.on('up', function(){changeRectColorxy(x,y); colors[x+3*y]='red'; front[x+3*y].setAttribute({color:'red'})});\r\n rect2.on('up', function(){changeRectColorxy(x,y); colors[x+3*y]='white'; front[x+3*y].setAttribute({color:'white'})});\r\n rectx.push(rect);\r\n rectx2.push(rect2);\r\n vx.push(v);\r\n vx2.push(v2);\r\n }\r\n rects.push(rectx);\r\n rects2.push(rectx2);\r\n rectsVisibility.push(vx);\r\n rectsVisibility2.push(vx2);\r\n }\r\n// Top\r\nvar width=2;\r\nvar Trects=[];\r\nvar Trects2=[];\r\nvar TrectsVisibility=[];\r\nvar TrectsVisibility2=[];\r\nfor (let x=0; x<3; x++)\r\n{\r\n let rectx=[];\r\n let rectx2=[];\r\n let vx=[];\r\n let vx2=[];\r\n\r\n for (let y=0; y<2; y++)\r\n {\r\n let v = true;\r\n let v2 = false;\r\n var Trect = brd1.create('image', ['/assets/whiteSquare.svg', [x*width-0.*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible: v, opacity:0.25, fixed:true});\r\n var Trect2 = brd1.create('image', ['/assets/blueSquare.svg', [x*width-0.*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible: v2, fixed:true});\r\n Trect.on('up', function(){changeTrectColorxy(x,y); blues[x+3*y]='blue'; top[x+3*y].setAttribute({color:'blue'})});\r\n Trect2.on('up', function(){changeTrectColorxy(x,y); blues[x+3*y]='white'; top[x+3*y].setAttribute({color:'white'})});\r\n rectx.push(Trect);\r\n rectx2.push(Trect2);\r\n vx.push(v);\r\n vx2.push(v2);\r\n }\r\n Trects.push(rectx);\r\n Trects2.push(rectx2);\r\n TrectsVisibility.push(vx);\r\n TrectsVisibility2.push(vx2);\r\n}\r\n// SIDE\r\nvar width=2;\r\nvar Lrects=[];\r\nvar Lrects2=[];\r\nvar LrectsVisibility=[];\r\nvar LrectsVisibility2=[];\r\nfor (let x=0; x<2; x++)\r\n{\r\n let rectx=[];\r\n let rectx2=[];\r\n let v = true;\r\n let v2 = false;\r\n let vx=[];\r\n let vx2=[];\r\n for (let y=0; y<2; y++)\r\n {\r\n var Lrect = brd1.create('image', ['/assets/whiteSquare.svg', [x*width+1.5*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible:true, opacity:0.25, fixed:true});\r\n var Lrect2 = brd1.create('image', ['/assets/greenSquare.svg', [x*width+1.5*num_width*width+1, y*width-0.0*num_width*width+1], [2.0,2.0]], {visible:false, fixed:true});\r\n Lrect.on('up', function(){changeLrectColorxy(x,y); greens[x+2*y]='green'; side[x+2*y].setAttribute({color:'green'})});\r\n Lrect2.on('up', function(){changeLrectColorxy(x,y); greens[x+2*y]='white'; side[x+2*y].setAttribute({color:'white'})});\r\n rectx.push(Lrect);\r\n rectx2.push(Lrect2);\r\n vx.push(v);\r\n vx2.push(v2);\r\n }\r\n Lrects.push(rectx);\r\n Lrects2.push(rectx2);\r\n LrectsVisibility.push(vx);\r\n LrectsVisibility2.push(vx2);\r\n}\r\nplaceMiddleText(brd1, -5., -0.5, 'Front');\r\nplaceMiddleText(brd1, 4., -0.5, 'Top');\r\nplaceMiddleText(brd1, 12., -0.5, 'Side');\r\n////////////////////////////////////////////////////////////////////////////////////\r\nfunction changeRectColorxy(x,y){\r\n let current_visibility = rectsVisibility[x][y];\r\n let current_visibility2 = rectsVisibility2[x][y];\r\n if (current_visibility==true && current_visibility2==false)\r\n {\r\n current_visibility=false;\r\n current_visibility2=true;\r\n\r\n }\r\n else{\r\n current_visibility=true;\r\n current_visibility2=false;\r\n }\r\n\r\n rects[x][y].setAttribute({visible: current_visibility});\r\n rects2[x][y].setAttribute({visible: current_visibility2});\r\n rectsVisibility[x][y]=current_visibility;\r\n rectsVisibility2[x][y]=current_visibility2;\r\n }\r\n//////////////////////////////////////////////////////////////////\r\nfunction changeTrectColorxy(x,y){\r\n let current_visibility = TrectsVisibility[x][y];\r\n let current_visibility2 = TrectsVisibility2[x][y];\r\n if (current_visibility==true && current_visibility2==false)\r\n {\r\n current_visibility=false;\r\n current_visibility2=true;\r\n\r\n }\r\n else{\r\n current_visibility=true;\r\n current_visibility2=false;\r\n }\r\n\r\n Trects[x][y].setAttribute({visible: current_visibility});\r\n Trects2[x][y].setAttribute({visible: current_visibility2});\r\n TrectsVisibility[x][y]=current_visibility;\r\n TrectsVisibility2[x][y]=current_visibility2;\r\n }\r\n////////////////////////////////////////\r\nfunction changeLrectColorxy(x,y){\r\n let current_visibility = LrectsVisibility[x][y];\r\n let current_visibility2 = LrectsVisibility2[x][y];\r\n if (current_visibility==true && current_visibility2==false)\r\n {\r\n current_visibility=false;\r\n current_visibility2=true;\r\n\r\n }\r\n else{\r\n current_visibility=true;\r\n current_visibility2=false;\r\n }\r\n\r\n Lrects[x][y].setAttribute({visible: current_visibility});\r\n Lrects2[x][y].setAttribute({visible: current_visibility2});\r\n LrectsVisibility[x][y]=current_visibility;\r\n LrectsVisibility2[x][y]=current_visibility2;\r\n }\r\n//////////////////////////////////////////////////////////////////////\r\n function clearVisibility(){\r\n rght.setAttribute({visible:false});\r\n wrng.setAttribute({visible:false});\r\n rght2.setAttribute({visible:false});\r\n wrng2.setAttribute({visible:false});\r\n rght3.setAttribute({visible:false});\r\n wrng3.setAttribute({visible:false});\r\n for (let x=0;x\r\n
\r\n

\n Views of 3D Shapes\n

\r\n

\n Three dimensional (or 3D) objects look differently when seen from different directions or angles.\r\n

\r\n One can draw a two dimensional (or 2D) figure of a 3D object as it is seen from a given direction. Such a figure is called a\r\n view or a projection.\r\n

\r\n In a 2D view of a 3D object, one can see only those features that are visible from that particular direction. Thus, a single 2D view\r\n is generally not sufficient to describe all the features of a 3D object.

\r\n\r\n However, by a combination of multiple different views, one can fully describe a 3D object.

\r\n\r\n Three commonly used views to describe a 3D object are:\r\n

\r\n

\r\n\r\n

\n MagicGraph | Front, Top & Side Views of a 3D Shape\n

\r\n
\r\n
Getting Started
\r\n

\n In this MagicGraph, you will be drawing the front, top and side views of the given 3D object.\r\n On the top row, you will see the 3D object that you will be creating these views of.

\r\n On the bottom row, you are given three stacks of empty squares labeled as Front, Top and Side.\r\n By selectively filling the squares in these stacks, you can create all the three views.\r\n

\r\n Simply tap on an empty square to fill it. Tapping on a filled square will empty it.\r\n

\r\n
Icons on the MagicGraph
\r\n

\r\n You can tap on icon to check your answer. You can tap on the\r\n icon to erase and start over.\r\n

\r\n
\r\n \r\n \r\n
\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!./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=5a21a82e&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\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":""}