(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{"0iUn":function(t,e,n){"use strict";function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}n.d(e,"a",(function(){return i}))},MI3g:function(t,e,n){"use strict";var i=n("XVgq"),s=n.n(i),a=n("Z7t5"),r=n.n(a);function c(t){return(c="function"===typeof r.a&&"symbol"===typeof s.a?function(t){return typeof t}:function(t){return t&&"function"===typeof r.a&&t.constructor===r.a&&t!==r.a.prototype?"symbol":typeof t})(t)}function o(t){return(o="function"===typeof r.a&&"symbol"===c(s.a)?function(t){return c(t)}:function(t){return t&&"function"===typeof r.a&&t.constructor===r.a&&t!==r.a.prototype?"symbol":c(t)})(t)}function h(t,e){return!e||"object"!==o(e)&&"function"!==typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}n.d(e,"a",(function(){return h}))},OaS3:function(t,e){t.exports="/_next/static/images/face.2-3b2832c841c40a5b377207514673aa51.png"},RNiq:function(t,e,n){"use strict";n.r(e);var i=n("q1tI"),s=n.n(i),a=n("Bl7J"),r=n("vrFN"),c=n("vOnD"),o=n("pLtp"),h=n.n(o),u=n("0iUn"),f=n("sLSF"),d=n("hfKm"),l=n.n(d);function v(t,e,n){return e in t?l()(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}var y=n("MI3g"),_=n("a7VT"),b=n("Tit0"),w=n("OaS3"),m=n.n(w),p=n("wJVF"),g=n.n(p),x=function(){function t(e,n,i,s){var a=this;Object(u.a)(this,t),v(this,"faceImages",[m.a,g.a]),this._rotation=0,this.setBounds(e),this._x=i,this._y=s,this.scale=1,this.setSpeed(),this.ctx=n,this.img=new Image,this.img.addEventListener("load",(function(){return a.listenerHandler()})),this.img.src=this.getFace()}return Object(f.a)(t,[{key:"getFace",value:function(){return this.faceImages[Math.floor(Math.random()*this.faceImages.length)]}}]),Object(f.a)(t,[{key:"setBounds",value:function(t){this.bounds=t}},{key:"setSpeed",value:function(){this.vx=5*Math.random(),this.vy=5*Math.random()}},{key:"listenerHandler",value:function(){this.draw(this._x,this._y)}},{key:"draw",value:function(){console.log("implement me!")}}]),t}(),k=function(t){function e(){return Object(u.a)(this,e),Object(y.a)(this,Object(_.a)(e).apply(this,arguments))}return Object(b.a)(e,t),Object(f.a)(e,[{key:"setSpeed",value:function(){this.vx=5+10*Math.random(),this.vy=5+10*Math.random()}},{key:"listenerHandler",value:function(){this.draw(this._x,this._y)}},{key:"draw",value:function(){this._x+=this.vx,this._y+=this.vy,this.ctx.drawImage(this.img,this._x,this._y),this.checkBounds()}},{key:"checkBounds",value:function(){(this._y+this.img.height>=this.bounds.y||this._y<=0)&&(this.vy=-this.vy),(this._x+this.img.width>=this.bounds.x||this._x<=0)&&(this.vx=-this.vx)}}]),e}(x),O=function(t){function e(t,n,i,s){var a;return Object(u.a)(this,e),(a=Object(y.a)(this,Object(_.a)(e).call(this,t,n,i,s))).scaleIncrement=-.01,a}return Object(b.a)(e,t),Object(f.a)(e,[{key:"listenerHandler",value:function(){this._width=this.img.width,this._height=this.img.height,this.draw()}},{key:"draw",value:function(){this.scale+=this.scaleIncrement,this.scale<=0?this.scaleIncrement=.01:this.scale>=1&&(this.scaleIncrement=-.01),this._x+=this.vx,this._y+=this.vy,this.ctx.drawImage(this.img,this._x,this._y,this._width*this.scale,this._height*this.scale),this.checkBounds()}},{key:"checkBounds",value:function(){(this._y>=this.bounds.y||this._y<=0)&&(this.vy=-this.vy),(this._x>=this.bounds.x||this._x<=0)&&(this.vx=-this.vx)}}]),e}(x),j=function(t){function e(){return Object(u.a)(this,e),Object(y.a)(this,Object(_.a)(e).apply(this,arguments))}return Object(b.a)(e,t),Object(f.a)(e,[{key:"listenerHandler",value:function(){this._center={x:this._x-this.img.width/2,y:this._y-this.img.height/2},this.draw(this._x,this._y)}},{key:"draw",value:function(){this._center&&(this._x+=this.vx,this._y+=this.vy,this.ctx.save(),this.ctx.translate(this._x,this._y),this.ctx.rotate(this._rotation=this._rotation),this.ctx.drawImage(this.img,this._center.x,this._center.y),this.ctx.restore(),this._rotation+=.1,this.checkBounds())}},{key:"checkBounds",value:function(){(this._y>=this.bounds.y||this._y<=0)&&(this.vy=-this.vy),(this._x>=this.bounds.x||this._x<=0)&&(this.vx=-this.vx)}}]),e}(x),I=s.a.createElement,F=c.b.canvas.withConfig({displayName:"FacesRenderer__Canvas",componentId:"sc-1izntyv-0"})([""]),E=function(){function t(e,n){var i=this;Object(u.a)(this,t),v(this,"render",(function(){i.faces.forEach((function(t){return t.draw()})),requestAnimationFrame(i.render)})),this.faces=[],this.canvas=e.current;for(var s=0;s<n;s++)this.addFace();this.render()}return Object(f.a)(t,[{key:"setBounds",value:function(t){this.faces.forEach((function(e){return e.setBounds({x:t.width,y:t.height})}))}},{key:"createNewFace",value:function(){var t={bounce:k,spin:j,scale:O},e=h()(t),n=t[e[Math.floor(Math.random()*e.length)]],i=this.canvas.getContext("2d");return new n({x:this.canvas.width,y:this.canvas.height},i,0,0)}},{key:"addFace",value:function(){var t=this.createNewFace();this.faces.push(t)}}]),t}(),S=function(t){var e,n=t.bounds,s=t.faceCount,a=Object(i.useRef)();return a.current&&(e=new E(a,s)).setBounds(n),I(F,{width:n.width,height:n.height,ref:a,onClick:function(){return e.addFace()}})},B=s.a.createElement,C=function(t){var e=t.faceCount,n=function(){var t=window.screen.width;return{width:t>930?930:t,height:500}},s=Object(i.useState)({width:0,height:0}),a=s[0],r=s[1],c=Object(i.useState)(!1),o=c[0],h=c[1];return Object(i.useEffect)((function(){var t=function(){return function(){return r(n())}};r(n());return o||(window.addEventListener("resize",t()),h(!0)),function(){return window.removeEventListener("resize",t())}}),[]),B(S,{bounds:a,faceCount:e})},T=s.a.createElement,M=Object(c.b)(a.b).withConfig({displayName:"pages__ClickableSubTitle",componentId:"zfpar1-0"})(["cursor:pointer;"]),N=function(){var t=Object(i.useState)(1),e=t[0],n=t[1];return T(s.a.Fragment,null,T(r.a,{title:"Home"}),T(a.c,null,"Shane Johnson"),T(M,{onClick:function(){return n(100)}},"I write code \u1555( \u141b )\u1557"),T(C,{faceCount:e}))};n.d(e,"default",(function(){return N}))},Tit0:function(t,e,n){"use strict";var i=n("SqZg"),s=n.n(i),a=n("TRZx"),r=n.n(a);function c(t,e){return(c=r.a||function(t,e){return t.__proto__=e,t})(t,e)}function o(t,e){if("function"!==typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=s()(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c(t,e)}n.d(e,"a",(function(){return o}))},a7VT:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var i=n("Bhuq"),s=n.n(i),a=n("TRZx"),r=n.n(a);function c(t){return(c=r.a?s.a:function(t){return t.__proto__||s()(t)})(t)}},sLSF:function(t,e,n){"use strict";n.d(e,"a",(function(){return r}));var i=n("hfKm"),s=n.n(i);function a(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),s()(t,i.key,i)}}function r(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t}},vlRD:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n("RNiq")}])},wJVF:function(t,e){t.exports="/_next/static/images/face.3-4cbafbd9f7cbe8359d0119335780ee14.png"}},[["vlRD",0,1]]]);