(this.webpackJsonpcaptotetris2=this.webpackJsonpcaptotetris2||[]).push([[0],{25:function(e,t,a){},30:function(e,t,a){"use strict";a.r(t);var i,n,o,s,r,c,l,h,u,d,m,b,f,k,v,g,B,p,O,A,w,j,y,C,R,T,E=a(1),S=a.n(E),P=a(17),x=a.n(P),L=(a(25),a(4)),N=a(5),I=a(6),D=a(3),M=a(9),G=function(){function e(t){var a=t.imagesToLoad,i=t.onDone;Object(N.a)(this,e),this.images={},this.numImagesRemaining=Object.keys(a).length,this.onLoadedAll=i;for(var n=0,o=Object.entries(a);n<o.length;n++){var s=Object(L.a)(o[n],2),r=s[0],c=s[1];this.loadOneImage({label:r,path:c})}}return Object(I.a)(e,[{key:"loadOneImage",value:function(e){var t=this,a=e.label,i=e.path,n=new window.Image;n.src=i,n.onload=function(){t.images[a]=n,t.numImagesRemaining--,0===t.numImagesRemaining&&t.onLoadedAll()}}},{key:"getImage",value:function(e){return this.images[e]}}]),e}(),W=a(0),F=function(e){return e[function(e){return Math.floor(Math.random()*e.length)}(e)]},U=function(e){return function(){return Math.random()<=e/100}},V=(U(10),U(15)),X=U(20),Y=(U(30),U(40),U(50),U(60),U(70),U(80),U(90),{RED:"RED",BLUE:"BLUE",GREEN:"GREEN",YELLOW:"YELLOW"}),z=(i={},Object(W.a)(i,Y.RED,"#ff0000"),Object(W.a)(i,Y.BLUE,"#2ba2ff"),Object(W.a)(i,Y.GREEN,"#00ff00"),Object(W.a)(i,Y.YELLOW,"#ffff00"),i),K=Object.values(Y),q=function(){return F(K)},_={CEMENT:"CEMENT",TRANSPARENT:"TRANSPARENT",NORMAL:"NORMAL",BREAKER:"BREAKER"},H=(n={},Object(W.a)(n,_.CEMENT,{isBreakable:!1,isStone:!0,isBreaker:!1}),Object(W.a)(n,_.TRANSPARENT,{isBreakable:!1,isStone:!0,isBreaker:!1}),Object(W.a)(n,_.NORMAL,{isBreakable:!0,isStone:!1,isBreaker:!1}),Object(W.a)(n,_.BREAKER,{isBreakable:!0,isStone:!1,isBreaker:!0}),n),Z=a.p+"static/media/green_breaker_animation_idle.a40248a8.png",J=a.p+"static/media/blue_breaker_3d_512.3cc23a8b.png",Q=a.p+"static/media/yellow_breaker_3d_512.9c696f44.png",$=a.p+"static/media/red_breaker_animation_idle.06107a14.png",ee=a.p+"static/media/red_breaker_animation_rare.3bddbac4.png",te=a.p+"static/media/blue_block_3d_512.dbb724dc.png",ae=a.p+"static/media/red_block_3d_512.20622b34.png",ie=a.p+"static/media/green_block_3d_512.b8147878.png",ne=a.p+"static/media/yellow_block_3d_512.716e9f37.png",oe=a.p+"static/media/blueGreyPiece.d5a88491.png",se=a.p+"static/media/redGreyPiece.b8358a22.png",re=a.p+"static/media/greenGreyPiece.25a4803c.png",ce=a.p+"static/media/yellowGreyPiece.c91179c9.png",le=a.p+"static/media/yellow_block_shatter.f928ed15.png",he=a.p+"static/media/red_block_shatter.50ec9d75.png",ue=a.p+"static/media/blue_block_shatter.7652cad0.png",de=a.p+"static/media/green_block_shatter.1eb9c943.png",me=a.p+"static/media/pause_btn_playing_animation.9315b818.png",be=a.p+"static/media/pause_btn_paused_animation.2a5fc17b.png",fe="BlueBlock",ke="RedBlock",ve="GreenBlock",ge="YellowBlock",Be="YellowBlockShatter",pe="RedBlockShatter",Oe="BlueBlockShatter",Ae="GreenBlockShatter",we="YellowBreaker",je="BlueBreaker",ye="GreenBreaker",Ce="RedBreaker",Re="RedBreakerRare",Te="BlueGreyBlock",Ee="RedGreyBlock",Se="GreenGreyBlock",Pe="YellowGreyBlock",xe="CementBlock",Le="PauseButtonPlaying",Ne="PauseButtonPaused",Ie=(o={},Object(W.a)(o,fe,te),Object(W.a)(o,ke,ae),Object(W.a)(o,ve,ie),Object(W.a)(o,ge,ne),Object(W.a)(o,Be,le),Object(W.a)(o,pe,he),Object(W.a)(o,Oe,ue),Object(W.a)(o,Ae,de),Object(W.a)(o,we,Q),Object(W.a)(o,je,J),Object(W.a)(o,ye,Z),Object(W.a)(o,Ce,$),Object(W.a)(o,Re,ee),Object(W.a)(o,Te,oe),Object(W.a)(o,Ee,se),Object(W.a)(o,Se,re),Object(W.a)(o,Pe,ce),Object(W.a)(o,xe,"data:image/png;base64,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"),Object(W.a)(o,Le,me),Object(W.a)(o,Ne,be),o),De=(s={},Object(W.a)(s,fe,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,ke,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,ve,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,ge,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Be,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,pe,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,Oe,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,Ae,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,ye,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,we,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Ce,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,je,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Re,{numberOfFrames:30,framesPerColumn:8,numberOfRows:4}),Object(W.a)(s,Te,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Ee,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Se,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,Pe,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),Object(W.a)(s,xe,{numberOfFrames:1,framesPerColumn:1,numberOfRows:1}),s),Me={numberOfFrames:30,framesPerColumn:8,numberOfRows:4,frameSize:512},Ge={numberOfFrames:30,framesPerColumn:8,numberOfRows:4,frameSize:512},We=512,Fe="IDLE",Ue="RARE",Ve=(R={},Object(W.a)(R,_.CEMENT,(u={},Object(W.a)(u,Y.RED,(r={},Object(W.a)(r,Fe,xe),Object(W.a)(r,Ue,xe),r)),Object(W.a)(u,Y.BLUE,(c={},Object(W.a)(c,Fe,xe),Object(W.a)(c,Ue,xe),c)),Object(W.a)(u,Y.GREEN,(l={},Object(W.a)(l,Fe,xe),Object(W.a)(l,Ue,xe),l)),Object(W.a)(u,Y.YELLOW,(h={},Object(W.a)(h,Fe,xe),Object(W.a)(h,Ue,xe),h)),u)),Object(W.a)(R,_.TRANSPARENT,(k={},Object(W.a)(k,Y.RED,(d={},Object(W.a)(d,Fe,Ee),Object(W.a)(d,Ue,Ee),d)),Object(W.a)(k,Y.BLUE,(m={},Object(W.a)(m,Fe,Te),Object(W.a)(m,Ue,Te),m)),Object(W.a)(k,Y.GREEN,(b={},Object(W.a)(b,Fe,Se),Object(W.a)(b,Ue,Se),b)),Object(W.a)(k,Y.YELLOW,(f={},Object(W.a)(f,Fe,Pe),Object(W.a)(f,Ue,Pe),f)),k)),Object(W.a)(R,_.NORMAL,(O={},Object(W.a)(O,Y.RED,(v={},Object(W.a)(v,Fe,ke),Object(W.a)(v,Ue,ke),v)),Object(W.a)(O,Y.BLUE,(g={},Object(W.a)(g,Fe,fe),Object(W.a)(g,Ue,fe),g)),Object(W.a)(O,Y.GREEN,(B={},Object(W.a)(B,Fe,ve),Object(W.a)(B,Ue,ve),B)),Object(W.a)(O,Y.YELLOW,(p={},Object(W.a)(p,Fe,ge),Object(W.a)(p,Ue,ge),p)),O)),Object(W.a)(R,_.BREAKER,(C={},Object(W.a)(C,Y.RED,(A={},Object(W.a)(A,Fe,Ce),Object(W.a)(A,Ue,Re),A)),Object(W.a)(C,Y.BLUE,(w={},Object(W.a)(w,Fe,je),Object(W.a)(w,Ue,je),w)),Object(W.a)(C,Y.GREEN,(j={},Object(W.a)(j,Fe,ye),Object(W.a)(j,Ue,ye),j)),Object(W.a)(C,Y.YELLOW,(y={},Object(W.a)(y,Fe,we),Object(W.a)(y,Ue,we),y)),C)),R),Xe=(T={},Object(W.a)(T,Y.RED,pe),Object(W.a)(T,Y.BLUE,Oe),Object(W.a)(T,Y.GREEN,Ae),Object(W.a)(T,Y.YELLOW,Be),T),Ye=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=t.blockType,i=void 0===a?_.NORMAL:a,n=t.color;Object(N.a)(this,e),this._blockImageName=null,this._color=n||q(),this.imageMeta={numberOfFrames:1,framesPerColumn:1,numberOfRows:1},this.animationState=Fe,this.imageFrameIdx=0,this.frameXCoord=0,this.frameYCoord=0,this.updateBlockType(i)}return Object(I.a)(e,[{key:"blockType",get:function(){return this._blockType}},{key:"color",get:function(){return this._color}},{key:"isBreaker",get:function(){return this._isBreaker}},{key:"isBreakable",get:function(){return this._isBreakable}},{key:"isStone",get:function(){return this._isStone}},{key:"imageName",get:function(){return this._blockImageName}},{key:"getImageSrcXandY",value:function(){return[this.frameXCoord,this.frameYCoord]}},{key:"playRareAnimation",value:function(){this.animationState!==Ue&&(this.animationState=Ue,this._blockImageName=Ve[this._blockType][this._color][this.animationState],this.imageFrameIdx=0,this.updateImageCoordinates(this.imageFrameIdx))}},{key:"playIdleAnimation",value:function(){this.animationState!==Fe&&(this.animationState=Fe,this._blockImageName=Ve[this._blockType][this._color][this.animationState],this.imageFrameIdx=0,this.updateImageCoordinates(this.imageFrameIdx))}},{key:"updateImageCoordinates",value:function(e){var t=this.imageMeta.framesPerColumn,a=e%t,i=Math.floor(e/t);this.frameXCoord=a*We,this.frameYCoord=i*We}},{key:"updateFrame",value:function(){var e=this.imageMeta.numberOfFrames;if(e>1){var t=this.imageFrameIdx===e-1;this.animationState===Ue&&t?this.playIdleAnimation():this.imageFrameIdx=t?0:this.imageFrameIdx+1,this.updateImageCoordinates(this.imageFrameIdx)}}},{key:"updateBlockType",value:function(e){if(Boolean(_[e])){var t=H[e];this.animationState=Fe,this._blockType=e,this._isBreakable=t.isBreakable,this._isBreaker=t.isBreaker,this._isStone=t.isStone,this._blockImageName=Ve[this._blockType][this._color][this.animationState],this.imageMeta=Object.assign({},De[this._blockImageName]),this.imageFrameIdx=Math.floor(Math.random()*this.imageMeta.numberOfFrames)}}},{key:"progressBlockType",value:function(){this.updateBlockType(function(e){var t=e;switch(e){case _.CEMENT:t=_.TRANSPARENT;break;case _.TRANSPARENT:t=_.NORMAL}return t}(this._blockType))}}]),e}(),ze=a(14),Ke=a.n(ze),qe=a(32),_e=Object(qe.a)((function(e,t){var a=Object(L.a)(e,1)[0];return Object(L.a)(t,1)[0]-a})),He=function(){function e(t){var a=t.numRows,i=t.numCols,n=t.onEndTurn,o=t.onCannotSpawn,s=t.onDoneDroppingBlocks;Object(N.a)(this,e),this.numRows=a,this.numCols=i,this.blockStartCol=3,this.startRowBlockOne=0,this.startRowBlockTwo=1,this.board=this.resetBoard(this.numRows,this.numCols),window.theBoard=this.board,this.activeBlock1=null,this.activeBlock2=null,this.blocksThatNeedToFall=[],this.onEndTurn=function(){return n()},this.onCannotSpawn=function(){return o()},this.onDoneDroppingBlocks=function(){return s()}}return Object(I.a)(e,[{key:"blocksIterable",value:Ke.a.mark((function e(){var t,a,i;return Ke.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=2;case 1:if(!(t<this.numRows)){e.next=14;break}a=0;case 3:if(!(a<this.numCols)){e.next=11;break}if(null===(i=this.getCell(t,a))){e.next=8;break}return e.next=8,i;case 8:a++,e.next=3;break;case 11:t++,e.next=1;break;case 14:case"end":return e.stop()}}),e,this)}))},{key:"spawnNewActivePiece",value:function(e,t){this.canSpawnNewPiece()?(this.activeBlock1={block:e,row:this.startRowBlockOne,col:this.blockStartCol},this.activeBlock2={block:t,row:this.startRowBlockTwo,col:this.blockStartCol},this.board[this.startRowBlockOne][this.blockStartCol]=this.activeBlock1.block,this.board[this.startRowBlockTwo][this.blockStartCol]=this.activeBlock2.block):(console.log("The board is full. Game over?"),this.onCannotSpawn())}},{key:"resetBoard",value:function(e,t){Object(D.a)(new Array(e)).map((function(){return Object(D.a)(new Array(t)).fill(null)}));return[[null,null,null,null,null,null,null],[null,null,null,null,null,null,null],[null,null,null,null,null,null,null],[null,null,null,null,null,null,new Ye({color:"RED"})],[null,null,null,null,null,null,new Ye({color:"RED"})],[null,null,null,null,null,null,new Ye({color:"RED"})],[null,null,null,null,null,null,new Ye({color:"RED"})],[new Ye({blockType:"BREAKER",color:"RED"}),null,null,null,null,null,new Ye({color:"RED"})],[new Ye({blockType:"BREAKER",color:"GREEN"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({color:"YELLOW"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({color:"BLUE"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({blockType:"BREAKER",color:"YELLOW"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({blockType:"BREAKER",color:"RED"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({blockType:"BREAKER",color:"GREEN"}),null,null,null,null,null,new Ye({color:"GREEN"})],[new Ye({blockType:"BREAKER",color:"BLUE"}),null,null,null,null,null,new Ye({color:"GREEN"})]]}},{key:"getCell",value:function(e,t){return this.board[e][t]}},{key:"isWithinBounds",value:function(e,t){return e>=0&&t>=0&&e<this.numRows&&t<this.numCols}},{key:"isCellAvailable",value:function(e,t){return this.isWithinBounds(e,t)&&null===this.board[e][t]}},{key:"moveActiveBlock",value:function(e,t,a){var i=e.row,n=e.col,o=e.block;this.board[t][a]=o,this.board[i][n]=null,e.row=t,e.col=a}},{key:"rotateTheActivePieceCW",value:function(){var e=this.activeBlock1,t=e.row,a=e.col,i=this.activeBlock2,n=i.row,o=i.col,s=a<o,r=t<n,c=a===o,l=t===n;r&&c?this.isCellAvailable(n,o+1)?this.moveActiveBlock(this.activeBlock1,t+1,a+1):this.isCellAvailable(n,o-1)?(this.moveABLeft(this.activeBlock2),this.moveABDown(this.activeBlock1)):this.swapActiveBlocks():!s&&l?this.isCellAvailable(n+1,o)?this.moveActiveBlock(this.activeBlock1,t+1,a-1):this.isCellAvailable(n-1,o)?(this.moveABUp(this.activeBlock2),this.moveABLeft(this.activeBlock1)):this.swapActiveBlocks():!r&&c?this.isCellAvailable(n,o-1)?this.moveActiveBlock(this.activeBlock1,t-1,a-1):this.isCellAvailable(n,o+1)?(this.moveABRight(this.activeBlock2),this.moveABUp(this.activeBlock1)):this.swapActiveBlocks():s&&l&&(this.isCellAvailable(n-1,o)?this.moveActiveBlock(this.activeBlock1,t-1,a+1):this.isCellAvailable(n+1,o)?(this.moveABDown(this.activeBlock2),this.moveABRight(this.activeBlock1)):this.swapActiveBlocks())}},{key:"rotateTheActivePieceCCW",value:function(){var e=this.activeBlock1,t=e.row,a=e.col,i=this.activeBlock2,n=i.row,o=i.col,s=a<o,r=t<n,c=a===o,l=t===n;r&&c?this.isCellAvailable(n,o-1)?this.moveActiveBlock(this.activeBlock1,t+1,a-1):this.isCellAvailable(n,o+1)?(this.moveABRight(this.activeBlock2),this.moveABDown(this.activeBlock1)):this.swapActiveBlocks():s&&l?this.isCellAvailable(n+1,o)?this.moveActiveBlock(this.activeBlock1,t+1,a+1):this.isCellAvailable(n-1,o)?(this.moveABUp(this.activeBlock2),this.moveABRight(this.activeBlock1)):this.swapActiveBlocks():!r&&c?this.isCellAvailable(n,o+1)?this.moveActiveBlock(this.activeBlock1,t-1,a+1):this.isCellAvailable(n,o-1)?(this.moveABLeft(this.activeBlock2),this.moveABUp(this.activeBlock1)):this.swapActiveBlocks():!s&&l&&(this.isCellAvailable(n-1,o)?this.moveActiveBlock(this.activeBlock1,t-1,a-1):this.isCellAvailable(n+1,o)?(this.moveABDown(this.activeBlock2),this.moveABLeft(this.activeBlock1)):this.swapActiveBlocks())}},{key:"dropTheActivePiece",value:function(){var e=this.activeBlock1,t=e.row,a=e.col,i=this.activeBlock2,n=i.row,o=i.col;t===n?this.blockCanDrop(t,a)&&this.blockCanDrop(n,o)?(this.moveABDown(this.activeBlock1),this.moveABDown(this.activeBlock2)):this.onEndTurn():t<n?this.blockCanDrop(n,o)?(this.moveABDown(this.activeBlock2),this.moveABDown(this.activeBlock1)):this.onEndTurn():this.blockCanDrop(t,a)?(this.moveABDown(this.activeBlock1),this.moveABDown(this.activeBlock2)):this.onEndTurn()}},{key:"leftTheActivePiece",value:function(){var e=this.activeBlock1,t=e.row,a=e.col,i=this.activeBlock2,n=i.row,o=i.col;a===o?this.blockCanLeft(t,a)&&this.blockCanLeft(n,o)&&(this.moveABLeft(this.activeBlock1),this.moveABLeft(this.activeBlock2)):a<o?this.blockCanLeft(t,a)&&(this.moveABLeft(this.activeBlock1),this.moveABLeft(this.activeBlock2)):this.blockCanLeft(n,o)&&(this.moveABLeft(this.activeBlock2),this.moveABLeft(this.activeBlock1))}},{key:"rightTheActivePiece",value:function(){var e=this.activeBlock1,t=e.row,a=e.col,i=this.activeBlock2,n=i.row,o=i.col;a===o?this.blockCanRight(t,a)&&this.blockCanRight(n,o)&&(this.moveABRight(this.activeBlock1),this.moveABRight(this.activeBlock2)):a<o?this.blockCanRight(n,o)&&(this.moveABRight(this.activeBlock2),this.moveABRight(this.activeBlock1)):this.blockCanRight(t,a)&&(this.moveABRight(this.activeBlock1),this.moveABRight(this.activeBlock2))}},{key:"blockCanDrop",value:function(e,t){return this.isCellAvailable(e+1,t)}},{key:"blockCanLeft",value:function(e,t){return this.isCellAvailable(e,t-1)}},{key:"blockCanRight",value:function(e,t){return this.isCellAvailable(e,t+1)}},{key:"hasActivePiece",value:function(){return this.activeBlock1&&this.activeBlock2}},{key:"moveABUp",value:function(e){this.moveActiveBlock(e,e.row-1,e.col)}},{key:"moveABDown",value:function(e){this.moveActiveBlock(e,e.row+1,e.col)}},{key:"moveABLeft",value:function(e){this.moveActiveBlock(e,e.row,e.col-1)}},{key:"moveABRight",value:function(e){this.moveActiveBlock(e,e.row,e.col+1)}},{key:"swapActiveBlocks",value:function(){this.board[this.activeBlock1.row][this.activeBlock1.col]=this.activeBlock2.block,this.board[this.activeBlock2.row][this.activeBlock2.col]=this.activeBlock1.block;var e=this.activeBlock1,t=e.row,a=e.col;this.activeBlock1.row=this.activeBlock2.row,this.activeBlock1.col=this.activeBlock2.col,this.activeBlock2.row=t,this.activeBlock2.col=a}},{key:"dropBlocksWithSpacesBeneath",value:function(){var e,t=[],a=!1,i=Object(M.a)(this.blocksThatNeedToFall);try{for(i.s();!(e=i.n()).done;){var n=Object(L.a)(e.value,2),o=n[0],s=n[1];this.isCellAvailable(o+1,s)&&(this.board[o+1][s]=this.board[o][s],this.board[o][s]=null,a=!0,t.push([o+1,s]))}}catch(r){i.e(r)}finally{i.f()}this.blocksThatNeedToFall=t,a||this.onDoneDroppingBlocks()}},{key:"setBlocksThatNeedToFall",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.blocksThatNeedToFall=_e(e)}},{key:"canSpawnNewPiece",value:function(){return null===this.board[1][this.blockStartCol]&&null===this.board[2][this.blockStartCol]}},{key:"getPossibleBreaks",value:function(){for(var e=[],t=2;t<this.numRows;t++)for(var a=0;a<this.numCols;a++){var i=this.getCell(t,a);if(null!==i&&i.isBreaker){var n=[t,a],o=this.findLinkedBlocks(n,i.color,[n]);o.length>1&&e.push({color:i.color,cells:o})}}return e}},{key:"isCellANewMatch",value:function(e,t,a){var i=Object(L.a)(e,2),n=i[0],o=i[1];return this.isWithinBounds(n,o)&&null!==this.getCell(n,o)&&this.getCell(n,o).color===a&&!t.some((function(e){var t=Object(L.a)(e,2),a=t[0],i=t[1];return a===n&&i===o}))}},{key:"findLinkedBlocks",value:function(e,t,a){var i=Object(L.a)(e,2),n=i[0],o=i[1],s=[n-1,o],r=[n,o+1],c=[n+1,o],l=[n,o-1],h=Object(D.a)(a);return this.isCellANewMatch(s,h,t)&&(h.push(s),h=this.findLinkedBlocks(s,t,h)),this.isCellANewMatch(r,h,t)&&(h.push(r),h=this.findLinkedBlocks(r,t,h)),this.isCellANewMatch(c,h,t)&&(h.push(c),h=this.findLinkedBlocks(c,t,h)),this.isCellANewMatch(l,h,t)&&(h.push(l),h=this.findLinkedBlocks(l,t,h)),h}},{key:"breakBlocks",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],a=Object(M.a)(t);try{for(a.s();!(e=a.n()).done;){var i,n=e.value,o=Object(M.a)(n.cells);try{for(o.s();!(i=o.n()).done;){var s=Object(L.a)(i.value,2),r=s[0],c=s[1];this.board[r][c]=null}}catch(l){o.e(l)}finally{o.f()}}}catch(l){a.e(l)}finally{a.f()}}},{key:"updateBlockAnimations",value:function(){var e,t=Object(M.a)(this.blocksIterable());try{for(t.s();!(e=t.n()).done;){e.value.updateFrame()}}catch(a){t.e(a)}finally{t.f()}}},{key:"tryToPlayRareAnimation",value:function(){var e,t=Object(M.a)(this.blocksIterable());try{for(t.s();!(e=t.n()).done;){var a=e.value;a.isBreaker&&X()&&a.playRareAnimation()}}catch(i){t.e(i)}finally{t.f()}}}]),e}(),Ze=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object(N.a)(this,e),this.sounds=this.init(t),this.currentlyPlayingSound=null}return Object(I.a)(e,[{key:"init",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t={};for(var a in e){var i=new window.Audio(e[a].path);i.volume=e[a].volume||.1,t[a]=i}return t}},{key:"play",value:function(e){this.sounds[e]&&null===this.currentlyPlayingSound&&this.sounds[e].play()}}]),e}(),Je={tink:{path:a.p+"static/media/tink.1c59f9eb.wav",volume:.12},success:{path:a.p+"static/media/success.27ff5922.wav",volume:.1}},Qe=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=t.isPlaying,i=void 0===a||a;Object(N.a)(this,e),this.imageMeta=Object.assign({},Me),this.frameIndex=0,this.frameXCoord=0,this.frameYCoord=0,this._imageName=i?Le:Ne,this.updateImageCoordinates(0)}return Object(I.a)(e,[{key:"imageName",get:function(){return this._imageName}},{key:"getImageSrcXandY",value:function(){return[this.frameXCoord,this.frameYCoord]}},{key:"doPlayingAnimation",value:function(){this._imageName=Le}},{key:"doPausedAnimation",value:function(){this._imageName=Ne}},{key:"updateImageCoordinates",value:function(e){var t=this.imageMeta,a=t.framesPerColumn,i=t.frameSize,n=e%a,o=Math.floor(e/a);this.frameXCoord=n*i,this.frameYCoord=o*i}},{key:"updateFrame",value:function(){var e=this.imageMeta.numberOfFrames;if(e>1){var t=this.frameIndex===e-1;this.frameIndex=t?0:this.frameIndex+1,this.updateImageCoordinates(this.frameIndex)}}}]),e}(),$e=function(){function e(){Object(N.a)(this,e),this._state=this.getEmptyState(),this._stateToRestoreLater=null,this._gameHasStarted=!1}return Object(I.a)(e,[{key:"getEmptyState",value:function(){return{acceptsUserInput:!1,needToProcessTheBoard:!1,droppingBlocks:!1,pieceIsDropping:!1,gameIsOver:!1,gameIsPaused:!1,borderingBlocks:!1,shatteringBlocks:!1}}},{key:"hasStarted",get:function(){return this._gameHasStarted},set:function(e){this._gameHasStarted=Boolean(e)}},{key:"acceptsUserInput",get:function(){return this._state.acceptsUserInput}},{key:"needToProcessTheBoard",get:function(){return this._state.needToProcessTheBoard}},{key:"droppingBlocks",get:function(){return this._state.droppingBlocks}},{key:"pieceIsDropping",get:function(){return this._state.pieceIsDropping}},{key:"gameIsOver",get:function(){return this._state.gameIsOver}},{key:"gameIsPaused",get:function(){return this._state.gameIsPaused}},{key:"borderingBlocks",get:function(){return this._state.borderingBlocks}},{key:"shatteringBlocks",get:function(){return this._state.shatteringBlocks}},{key:"updateGameState",value:function(e){this._state=Object.assign(this.getEmptyState(),e)}},{key:"setControllingPiece",value:function(){this.updateGameState({acceptsUserInput:!0,pieceIsDropping:!0})}},{key:"setProcessingBoard",value:function(){this.updateGameState({needToProcessTheBoard:!0})}},{key:"setDroppingBlocks",value:function(){this.updateGameState({droppingBlocks:!0})}},{key:"setGameIsOver",value:function(){this.updateGameState({gameIsOver:!0})}},{key:"setPauseGame",value:function(){this.updateGameState({gameIsPaused:!0})}},{key:"setBorderingBlocks",value:function(){this.updateGameState({borderingBlocks:!0})}},{key:"setShatteringBlocks",value:function(){this.updateGameState({shatteringBlocks:!0})}},{key:"stashCurrentState",value:function(){this._stateToRestoreLater=Object.assign({},this._state)}},{key:"restoreStashedState",value:function(){null!==this._stateToRestoreLater&&(this._state=Object.assign({},this._stateToRestoreLater),this._stateToRestoreLater=null)}}]),e}(),et=function(){function e(){Object(N.a)(this,e),this._monitoredEvents={}}return Object(I.a)(e,[{key:"on",value:function(e,t){"function"===typeof t&&(this._monitoredEvents[e]=this._monitoredEvents[e]||[],this._monitoredEvents[e].push(t))}},{key:"fire",value:function(e){if(Array.isArray(this._monitoredEvents[e])){var t,a=Object(M.a)(this._monitoredEvents[e]);try{for(a.s();!(t=a.n()).done;){(0,t.value)()}}catch(i){a.e(i)}finally{a.f()}}}},{key:"handleKeyUp",value:function(e){switch(e){case 87:case 38:this.fire("up");break;case 83:case 40:this.fire("down");break;case 65:case 37:this.fire("left");break;case 32:this.fire("space");break;case 68:case 39:this.fire("right")}}}]),e}(),tt=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=t.numRows,i=t.numCols;Object(N.a)(this,e),this.numRows=a,this.numCols=i,this._cellsToBeBordered=[],this._allCellCoordinates=[]}return Object(I.a)(e,[{key:"doesAnythingNeedBordered",get:function(){return this._cellsToBeBordered.length>0}},{key:"cellsToBeBordered",get:function(){return this._cellsToBeBordered}},{key:"getCoords",value:function(e,t,a){return this._allCellCoordinates[e][t][a]}},{key:"clearCellsToBeBordered",value:function(){this._cellsToBeBordered=[]}},{key:"setCellsToBeBordered",value:function(e){var t,a=[],i=Object(M.a)(e);try{for(i.s();!(t=i.n()).done;){var n,o=t.value,s=Object(M.a)(o.cells);try{var r=function(){var e=Object(L.a)(n.value,2),t=e[0],i=e[1],s=!o.cells.some((function(e){var a=Object(L.a)(e,2),n=a[0],o=a[1];return n===t-1&&o===i})),r=!o.cells.some((function(e){var a=Object(L.a)(e,2),n=a[0],o=a[1];return n===t&&o===i+1})),c=!o.cells.some((function(e){var a=Object(L.a)(e,2),n=a[0],o=a[1];return n===t+1&&o===i})),l=!o.cells.some((function(e){var a=Object(L.a)(e,2),n=a[0],o=a[1];return n===t&&o===i-1})),h={color:o.color,row:t,col:i,sides:[].concat(Object(D.a)(s?["top"]:[]),Object(D.a)(r?["right"]:[]),Object(D.a)(c?["bottom"]:[]),Object(D.a)(l?["left"]:[]))};h.sides.length&&a.push(h)};for(s.s();!(n=s.n()).done;)r()}catch(c){s.e(c)}finally{s.f()}}}catch(c){i.e(c)}finally{i.f()}this._cellsToBeBordered=a}},{key:"recalculateAllCellCoordinates",value:function(e){var t=this,a=e.blockSize,i=e.xOffset;this._allCellCoordinates=Object(D.a)(new Array(this.numRows)).map((function(){return Object(D.a)(new Array(t.numCols)).fill(null)}));for(var n=0;n<this.numRows;n++)for(var o=0;o<this.numCols;o++)this._allCellCoordinates[n][o]=this.calculateOneCellCoordinates(n,o,a,i)}},{key:"calculateOneCellCoordinates",value:function(e,t,a,i){var n=t*a+i,o=e*a,s=t*a+a+i,r=e*a+a;return{top:[n-1,o,n+a+1,o],right:[s,r+1,s,r-a-1],bottom:[s+1,r,s-a-1,r],left:[n,o-1,n,o+a+1]}}}]),e}(),at=function(){function e(t){var a=t.color,i=t.row,n=t.col;Object(N.a)(this,e),this._color=a,this._row=i,this._col=n,this._imageMeta=Object.assign({},Ge),this._frameIndex=0,this._frameXCoord=0,this._frameYCoord=0,this._imageName=Xe[a],this.updateImageCoordinates(this._frameIndex)}return Object(I.a)(e,[{key:"row",get:function(){return this._row}},{key:"col",get:function(){return this._col}},{key:"imageName",get:function(){return this._imageName}},{key:"getImageSrcXandY",value:function(){return[this._frameXCoord,this._frameYCoord]}},{key:"updateImageCoordinates",value:function(e){var t=this._imageMeta,a=t.framesPerColumn,i=t.frameSize,n=e%a,o=Math.floor(e/a);this._frameXCoord=n*i,this._frameYCoord=o*i}},{key:"updateFrame",value:function(){var e=this._imageMeta.numberOfFrames;e>1&&(this._frameIndex===e-1||(this._frameIndex=this._frameIndex+1,this.updateImageCoordinates(this._frameIndex)))}}]),e}(),it=function(){function e(t){var a=t.duration;Object(N.a)(this,e),this.counter=0,this.duration=a||0}return Object(I.a)(e,[{key:"updateAndCheck",value:function(e){return this.counter+=e,this.counter>this.duration&&(this.counter=0,!0)}},{key:"reset",value:function(){this.counter=0}},{key:"percentDone",value:function(){return this.counter/this.duration}}]),e}(),nt=function(){function e(t){var a=this,i=t.ctx;Object(N.a)(this,e),this.onEndTurn=function(){a.soundManager.play("tink"),a.state.setProcessingBoard()},this.onCannotSpawn=function(){a.state.setProcessingBoard()},this.onDoneDroppingBlocks=function(){a.state.setProcessingBoard()},this.ctx=i,this.dim=this.getInitialPositionsAndSizes(),this.state=new $e,this.nextBlock1=this.makeRegularBlock(),this.nextBlock2=this.makeRegularBlock(),this.time=this.getInitialTimers(),this.pauseButton=new Qe,this.cellsToBreakLater=null,this.shatterAnimations=[],this.boardManager=new He({numRows:e.NUMROWS,numCols:e.NUMCOLS,onEndTurn:this.onEndTurn,onCannotSpawn:this.onCannotSpawn,onDoneDroppingBlocks:this.onDoneDroppingBlocks}),this.borders=new tt({numRows:e.NUMROWS,numCols:e.NUMCOLS}),this.inputManager=new et,this.registerInputHandlers(),this.soundManager=new Ze(Je),this.imageManager=new G({imagesToLoad:Ie,onDone:function(){return a.allImagesAreLoaded()}})}return Object(I.a)(e,[{key:"getInitialTimers",value:function(){return{pieceDrop:new it({duration:1e3}),blockFall:new it({duration:50}),blockAnim:new it({duration:Math.floor(100)}),blockRareAnim:new it({duration:5e3}),pauseBtnAnim:new it({duration:Math.floor(2e3/30)}),drawBorders:new it({duration:1500}),shatterAnim:new it({duration:Math.floor(500/30)}),shattering:new it({duration:500})}}},{key:"getInitialPositionsAndSizes",value:function(){return{canvasWidth:0,canvasHeight:0,leftSidebarWidth:0,boardWidth:0,blockWidth:0,blockHeight:0,blockSrcDimensions:[0,0],sidebarBlockOffsetX:0,sidebarBlockOffsetY:0,sidebarBlockGapY:0,sidebarNextOffsetY:0,blockTargetSize:[0,0],sidebarBlockOneDims:[0,0,0,0],sidebarBlockTwoDims:[0,0,0,0],pauseButtonDims:[0,0,0,0],shatterAnimationSize:0,shatterAnimationOffset:0}}},{key:"registerInputHandlers",value:function(){var e=this;this.inputManager.on("up",(function(){return e.boardManager.rotateTheActivePieceCCW()})),this.inputManager.on("right",(function(){return e.boardManager.rightTheActivePiece()})),this.inputManager.on("down",(function(){return e.boardManager.rotateTheActivePieceCW()})),this.inputManager.on("left",(function(){return e.boardManager.leftTheActivePiece()})),this.inputManager.on("space",(function(){return e.boardManager.dropTheActivePiece()}))}},{key:"allImagesAreLoaded",value:function(){this.startTheGame()}},{key:"startTheGame",value:function(){this.state.hasStarted=!0,this.boardManager.spawnNewActivePiece(new Ye({blockType:"BREAKER",color:"GREEN"}),this.makeRegularBlock()),this.state.setControllingPiece(),document.hasFocus()||(console.log("The game begins paused, document does not have focus."),this.pauseTheGame())}},{key:"update",value:function(e){this.state.hasStarted&&(this.state.gameIsPaused||(this.updateGameLogic(e),this.updateBlockAnimations(e)),this.updatePausePlayButtonAnimation(e))}},{key:"updateGameLogic",value:function(e){if(this.state.needToProcessTheBoard)this.processTheBoardGetNewState();else if(this.state.pieceIsDropping)this.time.pieceDrop.updateAndCheck(e)&&this.boardManager.dropTheActivePiece();else if(this.state.droppingBlocks)this.time.blockFall.updateAndCheck(e)&&this.boardManager.dropBlocksWithSpacesBeneath();else if(this.state.borderingBlocks)this.time.drawBorders.updateAndCheck(e)&&this.stopBorderingsStartShattering();else if(this.state.shatteringBlocks){var t=this.time.shattering.updateAndCheck(e),a=this.time.shatterAnim.updateAndCheck(e);if(t)this.time.shatterAnim.reset(),this.stopShattering();else if(a){var i,n=Object(M.a)(this.shatterAnimations);try{for(n.s();!(i=n.n()).done;){i.value.updateFrame()}}catch(o){n.e(o)}finally{n.f()}}}}},{key:"updateBlockAnimations",value:function(e){this.time.blockAnim.updateAndCheck(e)&&this.boardManager.updateBlockAnimations(),this.time.blockRareAnim.updateAndCheck(e)&&this.boardManager.tryToPlayRareAnimation()}},{key:"updatePausePlayButtonAnimation",value:function(e){this.time.pauseBtnAnim.updateAndCheck(e)&&this.pauseButton.updateFrame()}},{key:"draw",value:function(){this.state.hasStarted&&(this.drawLeftSidebar(),this.drawBoard(),this.state.gameIsPaused&&this.drawPaused())}},{key:"drawLeftSidebar",value:function(){var e,t,a,i=this.dim,n=i.leftSidebarWidth,o=i.canvasHeight,s=i.sidebarNextOffsetY,r=i.blockSrcDimensions,c=i.sidebarBlockOneDims,l=i.sidebarBlockTwoDims,h=i.blockWidth,u=i.pauseButtonDims;(this.ctx.globalAlpha=.3,this.ctx.fillStyle="#000000",this.ctx.fillRect(0,0,n,o),this.ctx.globalAlpha=1,this.ctx.font="".concat(.45*h,"px TradeWinds"),this.ctx.fillStyle="white",this.ctx.textAlign="center",this.ctx.fillText("Next",n/2,s),this.nextBlock1&&this.nextBlock2)&&((t=this.ctx).drawImage.apply(t,[this.imageManager.getImage(this.nextBlock1.imageName)].concat(Object(D.a)(this.nextBlock1.getImageSrcXandY()),Object(D.a)(r),Object(D.a)(c))),(a=this.ctx).drawImage.apply(a,[this.imageManager.getImage(this.nextBlock2.imageName)].concat(Object(D.a)(this.nextBlock2.getImageSrcXandY()),Object(D.a)(r),Object(D.a)(l))));(e=this.ctx).drawImage.apply(e,[this.imageManager.getImage(this.pauseButton.imageName)].concat(Object(D.a)(this.pauseButton.getImageSrcXandY()),Object(D.a)(r),Object(D.a)(u)))}},{key:"drawBoard",value:function(){for(var t=0,a=0,i=this.dim,n=i.leftSidebarWidth,o=i.blockWidth,s=i.blockHeight,r=i.blockSrcDimensions,c=i.blockTargetSize,l=i.shatterAnimationOffset,h=i.shatterAnimationSize,u=2;u<e.NUMROWS;u++)for(var d=0;d<e.NUMCOLS;d++){var m,b=this.boardManager.getCell(u,d);if(b)t=n+d*o,a=(u-2)*s,(m=this.ctx).drawImage.apply(m,[this.imageManager.getImage(b.imageName)].concat(Object(D.a)(b.getImageSrcXandY()),Object(D.a)(r),[t,a],Object(D.a)(c)))}if(this.borders.doesAnythingNeedBordered){this.ctx.lineWidth=4,this.ctx.beginPath();var f,k=Object(M.a)(this.borders.cellsToBeBordered);try{for(k.s();!(f=k.n()).done;){var v=f.value;this.drawBorder(v)}}catch(A){k.e(A)}finally{k.f()}this.ctx.stroke()}if(this.state.shatteringBlocks){this.ctx.globalAlpha=1-this.time.shattering.percentDone();var g,B=Object(M.a)(this.shatterAnimations);try{for(B.s();!(g=B.n()).done;){var p,O=g.value;(p=this.ctx).drawImage.apply(p,[this.imageManager.getImage(O.imageName)].concat(Object(D.a)(O.getImageSrcXandY()),Object(D.a)(r),[n-l+O.col*o,(O.row-2)*o-l,h,h]))}}catch(A){B.e(A)}finally{B.f()}this.ctx.globalAlpha=1}}},{key:"drawBorder",value:function(e){var t=e.row,a=e.col,i=e.sides,n=e.color;this.ctx.strokeStyle=z[n];var o,s=Object(M.a)(i);try{for(s.s();!(o=s.n()).done;){var r=o.value,c=this.borders.getCoords(t-2,a,r),l=Object(L.a)(c,4),h=l[0],u=l[1],d=l[2],m=l[3];this.ctx.moveTo(h,u),this.ctx.lineTo(d,m)}}catch(b){s.e(b)}finally{s.f()}}},{key:"drawPaused",value:function(){var e=this.dim,t=e.blockWidth,a=e.leftSidebarWidth,i=e.canvasHeight,n=e.boardWidth;this.ctx.font="".concat(.7*t,"px TradeWinds"),this.ctx.fillStyle="red",this.ctx.textAlign="center",this.ctx.fillText("Paused",a+n/2,i/2)}},{key:"updateCanvasBounds",value:function(e,t,a,i){this.dim.canvasWidth=e,this.dim.canvasHeight=t,this.dim.leftSidebarWidth=a,this.dim.boardWidth=i,this.recalculateBlockSize(),this.recalculateSidebar(),this.borders.recalculateAllCellCoordinates({blockSize:this.dim.blockWidth,xOffset:a})}},{key:"recalculateBlockSize",value:function(){this.dim.blockWidth=Math.floor(this.dim.boardWidth/e.NUMCOLS),this.dim.blockHeight=Math.floor(this.dim.canvasHeight/(e.NUMROWS-2)),this.dim.blockSrcDimensions=[We,We],this.dim.blockTargetSize=[this.dim.blockWidth,this.dim.blockHeight],this.dim.shatterAnimationSize=2*this.dim.blockWidth,this.dim.shatterAnimationOffset=this.dim.blockWidth/2}},{key:"recalculateSidebar",value:function(){this.dim.sidebarNextOffsetY=Math.floor(this.dim.blockHeight),this.dim.sidebarBlockOffsetX=Math.floor(.25*this.dim.leftSidebarWidth),this.dim.sidebarBlockOffsetY=Math.floor(1.5*this.dim.blockHeight),this.dim.sidebarBlockGapY=Math.floor(this.dim.blockHeight/4),this.dim.sidebarBlockOneDims=[this.dim.sidebarBlockOffsetX,this.dim.sidebarBlockOffsetY,this.dim.blockWidth,this.dim.blockHeight];var e=this.dim.sidebarBlockOffsetY+this.dim.blockHeight+this.dim.sidebarBlockGapY;this.dim.sidebarBlockTwoDims=[this.dim.sidebarBlockOffsetX,e,this.dim.blockWidth,this.dim.blockHeight],this.dim.pauseButtonDims=[this.dim.sidebarBlockOffsetX,this.dim.canvasHeight-2*this.dim.blockHeight,this.dim.blockWidth,this.dim.blockHeight]}},{key:"handleGameIsOver",value:function(e){this.state.setGameIsOver();var t=e?"You won!":"You lost!";console.info(t)}},{key:"processTheBoardGetNewState",value:function(){var e=this.checkBoardForBlocksThatCanDrop(),t=e.length>0,a=t?[]:this.boardManager.getPossibleBreaks(),i=a.length>0;t?(this.boardManager.setBlocksThatNeedToFall(e),this.state.setDroppingBlocks()):i?(this.cellsToBreakLater=a,this.borders.setCellsToBeBordered(a),this.state.setBorderingBlocks()):this.boardManager.canSpawnNewPiece()?(this.boardManager.setBlocksThatNeedToFall([]),this.boardManager.spawnNewActivePiece(this.nextBlock1,this.nextBlock2),this.nextBlock1=this.makeRegularBlock(),this.nextBlock2=this.makeRegularBlock(),this.state.setControllingPiece()):this.handleGameIsOver()}},{key:"checkBoardForBlocksThatCanDrop",value:function(){for(var t=null,a=null,i=[],n=e.NUMROWS-1;n>=2;n--)for(var o=0;o<e.NUMCOLS;o++)if(t=this.boardManager.isCellAvailable(n,o),a=!this.boardManager.isCellAvailable(n-1,o),t&&a){i.push([n-1,o]);for(var s=n-2;s>=2&&!this.boardManager.isCellAvailable(s,o);)i.push([s,o]),s--}return function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],a=[],i=Object(M.a)(t);try{var n=function(){var t=Object(L.a)(e.value,2),i=t[0],n=t[1];a.some((function(e){var t=Object(L.a)(e,2),a=t[0],o=t[1];return a===i&&o===n}))||a.push([i,n])};for(i.s();!(e=i.n()).done;)n()}catch(o){i.e(o)}finally{i.f()}return a}(i)}},{key:"makeRegularBlock",value:function(){return new Ye({blockType:V()?_.BREAKER:_.NORMAL})}},{key:"stopBorderingsStartShattering",value:function(){this.boardManager.breakBlocks(this.cellsToBreakLater),this.soundManager.play("success"),this.borders.clearCellsToBeBordered(),this.setupCellsToShatter(),this.state.setShatteringBlocks()}},{key:"stopShattering",value:function(){this.cellsToBreakLater=null,this.shatterAnimations=[],this.state.setProcessingBoard()}},{key:"onKeyPressed",value:function(e){this.state.acceptsUserInput&&this.boardManager.hasActivePiece()&&this.inputManager.handleKeyUp(e)}},{key:"onClick",value:function(e){var t=e.x,a=e.y;this.checkIfPauseButtonClicked(t,a)&&this.handlePauseButtonClicked()}},{key:"onTabFocused",value:function(){}},{key:"onTabBlurred",value:function(){this.pauseTheGame()}},{key:"unpauseTheGame",value:function(){console.log("Unpausing"),this.state.restoreStashedState(),this.pauseButton.doPlayingAnimation()}},{key:"pauseTheGame",value:function(){console.log("Pausing"),this.state.gameIsPaused||(this.state.stashCurrentState(),this.state.setPauseGame(),this.pauseButton.doPausedAnimation())}},{key:"handlePauseButtonClicked",value:function(){this.state.gameIsPaused?this.unpauseTheGame():this.pauseTheGame()}},{key:"checkIfPauseButtonClicked",value:function(e,t){var a=Object(L.a)(this.dim.pauseButtonDims,4),i=a[0],n=a[1],o=a[2],s=a[3];return e>=i&&t>=n&&e<=i+o&&t<=n+s}},{key:"setupCellsToShatter",value:function(){this.shatterAnimations=this.cellsToBreakLater.map((function(e){var t=e.color;return e.cells.map((function(e){var a=Object(L.a)(e,2);return{row:a[0],col:a[1],color:t}}))})).flat().map((function(e){return new at(e)}))}}]),e}();nt.NUMROWS=15,nt.NUMCOLS=7;var ot,st,rt,ct,lt,ht,ut,dt,mt,bt,ft,kt,vt,gt,Bt,pt,Ot=nt,At=function(){function e(t,a){var i=this;Object(N.a)(this,e),this.setGame=function(e){i.game=new e({ctx:i._ctx}),i.onWindowResize()},this.draw=function(){i.clearCanvas(),i.game.draw()},this.start=function(){i.game?i.gameLoop(0):console.warn("No Game was set in the loop.")},this.gameLoop=function(e){i.deltaTime=e-i.timeLastUpdate,i.timeLastUpdate=e,i.game&&(i.game.update(i.deltaTime),i.draw(),window.requestAnimationFrame(i.gameLoop))},this.onWindowResize=function(){var e=i.gameArea.getBoundingClientRect().height,t=Math.floor(e/(Ot.NUMROWS-2)),a=2*t,n=t*Ot.NUMCOLS,o=t*(Ot.NUMROWS-2),s=n+a;i.canvasWidth=s,i.canvasHeight=o,i.canvasEl.width=s*window.devicePixelRatio,i.canvasEl.height=o*window.devicePixelRatio,i.canvasEl.style.width=s+"px",i.canvasEl.style.height=o+"px",i._ctx.scale(window.devicePixelRatio,window.devicePixelRatio),i.game&&i.game.updateCanvasBounds(s,o,a,n)},this.onKeyDown=function(e){i.game&&i.game.onKeyPressed(e.keyCode)},this.onTabFocus=function(){i.game&&i.game.onTabFocused()},this.onTabBlur=function(){i.game&&i.game.onTabBlurred()},this.onClick=function(e){if(i.game){var t=i.canvasEl.getBoundingClientRect(),a=t.left,n=t.top,o=e.clientX-a,s=e.clientY-n;i.game.onClick({x:o,y:s})}},this.stop=function(){i.game=null,window.removeEventListener("resize",i.onWindowResize),window.removeEventListener("keydown",i.onKeyDown),window.removeEventListener("focus",i.onTabFocus),window.removeEventListener("blur",i.onTabBlur),i.canvasEl.removeEventListener("mouseup",i.onClick)},this.canvasEl=t.current,this.gameArea=a.current,this._ctx=this.canvasEl.getContext("2d"),this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.game=null,this.deltaTime=0,this.timeLastUpdate=0,this.onWindowResize(),window.addEventListener("resize",this.onWindowResize),window.addEventListener("keydown",this.onKeyDown),window.addEventListener("focus",this.onTabFocus),window.addEventListener("blur",this.onTabBlur),this.canvasEl.addEventListener("mouseup",this.onClick)}return Object(I.a)(e,[{key:"updateCanvasBounds",value:function(){this.canvasWidth=this.canvasEl.width,this.canvasHeight=this.canvasEl.height,this.onWindowResize()}},{key:"clearCanvas",value:function(){this._ctx.clearRect(0,0,this._ctx.canvas.width,this._ctx.canvas.height),this._ctx.fillStyle="#002d42",this._ctx.globalAlpha=.8,this._ctx.fillRect(0,0,this._ctx.canvas.width,this._ctx.canvas.height),this._ctx.globalAlpha=1}}]),e}(),wt=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},jt=a(7),yt=a(8),Ct=yt.a.img(ot||(ot=Object(jt.a)(["\n  position: absolute;\n  z-index: 4;\n"]))),Rt=yt.a.img(st||(st=Object(jt.a)(["\n  position: absolute;\n  z-index: -3;\n"]))),Tt=Object(yt.a)(Ct)(rt||(rt=Object(jt.a)(["\n  top: -7%;\n  left: -5%;\n  width: 110%;\n  height: 8%;\n  transform: rotate3d(1, 1, 1, -3deg);\n"]))),Et=Object(yt.a)(Ct)(ct||(ct=Object(jt.a)(["\n  bottom: -7%;\n  left: -5%;\n  width: 110%;\n  height: 8%;\n  transform: rotate3d(1, 1, 1, -1deg);\n"]))),St=Object(yt.a)(Ct)(lt||(lt=Object(jt.a)(["\n  bottom: -15%;\n  left: -8%;\n  width: 160%;\n  height: 10%;\n  transform: rotate3d(0, 0, 1, -92deg);\n  transform-origin: top left;\n"]))),Pt=Object(yt.a)(Ct)(ht||(ht=Object(jt.a)(["\n  bottom: -14%;\n  right: -12%;\n  width: 160%;\n  height: 10%;\n  transform: rotate3d(0, 0, 1, 91deg);\n  transform-origin: top right;\n"]))),xt=Object(yt.a)(Rt)(ut||(ut=Object(jt.a)(["\n  top: -6%;\n  left: -9%;\n  width: 115%;\n  height: 12%;\n  transform: rotate3d(1, 1, 1, -3deg);\n"]))),Lt=Object(yt.a)(Rt)(dt||(dt=Object(jt.a)(["\n  bottom: -7%;\n  left: -14%;\n  width: 125%;\n  height: 12%;\n  transform: rotate3d(0, 0, 1, 178deg);\n"]))),Nt=Object(yt.a)(Rt)(mt||(mt=Object(jt.a)(["\n  top: -6%;\n  left: 8%;\n  width: 160%;\n  height: 13%;\n  transform: rotate3d(0, 0, 1, 91deg);\n  transform-origin: top left;\n"]))),It=Object(yt.a)(Rt)(bt||(bt=Object(jt.a)(["\n  bottom: -17%;\n  right: -10%;\n  width: 160%;\n  height: 12%;\n  transform: rotate3d(0, 0, 1, 88deg);\n  transform-origin: top right;\n"]))),Dt=a.p+"static/media/plank_frame.eeb9c35e.png",Mt=a.p+"static/media/plank_frame_darker.764fcd18.png",Gt=a(2),Wt=function(){return Object(Gt.jsxs)(Gt.Fragment,{children:[Object(Gt.jsx)(Tt,{src:Dt}),Object(Gt.jsx)(Et,{src:Dt}),Object(Gt.jsx)(St,{src:Dt}),Object(Gt.jsx)(Pt,{src:Dt}),Object(Gt.jsx)(xt,{src:Mt}),Object(Gt.jsx)(Lt,{src:Mt}),Object(Gt.jsx)(Nt,{src:Mt}),Object(Gt.jsx)(It,{src:Mt})]})},Ft=yt.a.video(ft||(ft=Object(jt.a)(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -20;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n"]))),Ut=function(e){var t=e.videoUrl,a=e.playbackSpeed,i=void 0===a?1:a,n=Object(E.useRef)(null);return Object(E.useEffect)((function(){n.current&&(n.current.playbackRate=i)}),[i]),Object(Gt.jsx)(Ft,{playsinline:!0,autoPlay:!0,muted:!0,loop:!0,ref:n,children:Object(Gt.jsx)("source",{src:t,type:"video/mp4"})})},Vt=a.p+"static/media/1000_40fps_medium_8-5MB.827a0441.mp4",Xt=a.p+"static/media/simple_plants.601d8cb2.png",Yt=yt.a.div(kt||(kt=Object(jt.a)(["\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  overflow: hidden;\n  background-color: #4a2400;\n  background-image: url(",");\n  background-position: top left;\n  background-size: 50% 10%;\n"])),Dt),zt=yt.a.div(vt||(vt=Object(jt.a)(["\n  display: block;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 15px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"]))),Kt=yt.a.div(gt||(gt=Object(jt.a)(["\n  width: 90%;\n  height: 90%;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n"]))),qt=yt.a.canvas(Bt||(Bt=Object(jt.a)(["\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  border: 5px solid #462a1a;\n"]))),_t=yt.a.div(pt||(pt=Object(jt.a)(["\n  position: relative;\n  ","\n  ","\n  ","\n  ","\n"])),(function(e){return e.staticBG&&'background-image: url("'+Xt+'");'}),(function(e){return e.staticBG&&"background-position: left;"}),(function(e){return e.staticBG&&"background-size: cover;"}),(function(e){return e.staticBG&&"background-repeat: no-repeat;"})),Ht=function(){var e=Object(E.useRef)(null),t=Object(E.useRef)(null),a=Object(E.useState)((function(){return wt()})),i=Object(L.a)(a,1)[0];return Object(E.useEffect)((function(){console.log("Mounting",Date.now());var a=new At(e,t);return a.setGame(Ot),a.start(),function(){console.warn("Unmounting!!!!!!!!",Date.now()),a.stop()}}),[]),Object(Gt.jsx)(Yt,{children:Object(Gt.jsx)(zt,{children:Object(Gt.jsx)(Kt,{ref:t,children:Object(Gt.jsxs)(_t,{staticBG:i,children:[Object(Gt.jsx)(qt,{id:"gameCanvas",ref:e,width:"500px",height:"500px"}),!i&&Object(Gt.jsx)(Ut,{videoUrl:Vt,playbackSpeed:.5}),Object(Gt.jsx)(Wt,{})]})})})})},Zt=function(){return Object(Gt.jsx)(Ht,{})},Jt=function(e){e&&e instanceof Function&&a.e(3).then(a.bind(null,33)).then((function(t){var a=t.getCLS,i=t.getFID,n=t.getFCP,o=t.getLCP,s=t.getTTFB;a(e),i(e),n(e),o(e),s(e)}))};x.a.render(Object(Gt.jsx)(S.a.StrictMode,{children:Object(Gt.jsx)(Zt,{})}),document.getElementById("root")),Jt()}},[[30,1,2]]]);
//# sourceMappingURL=main.ecf71c05.chunk.js.map