(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{11:function(e,t,r){e.exports=r(20)},16:function(e,t,r){},18:function(e,t,r){},20:function(e,t,r){"use strict";r.r(t);var a,i,o,n,s,u,l=r(0),c=r.n(l),m=r(10),d=r.n(m),h=(r(16),r(2)),p=r(3),f=r(6),v=r(4),g=r(5),y=(r(18),r(1)),A=r(8),E=A.vec2,b=A.vec3,x=A.mat4,P=A.mat3,w=0,T="./",S=!1,F=!1,R=!1,L=!1,M=!1,U=function(e){function t(e){var r;return Object(h.a)(this,t),(r=Object(f.a)(this,Object(v.a)(t).call(this,e))).state={vertexShaderSource:"",fragmentShaderSource:""},r.loadMeshData=r.loadMeshData.bind(Object(y.a)(Object(y.a)(r))),r.renderFrame=r.renderFrame.bind(Object(y.a)(Object(y.a)(r))),r.init=r.init.bind(Object(y.a)(Object(y.a)(r))),r}return Object(g.a)(t,e),Object(p.a)(t,[{key:"beginWhenResourcesReady",value:function(){!0===F&&!0===R&&!0===L&&!1===M&&(M=!0,this.init(this.loadMeshData(o)))}},{key:"componentDidMount",value:function(){var e=this;void 0===Object({NODE_ENV:"production",PUBLIC_URL:""})&&(T="http://192.168.2.13:8080/"),this.props.startLoading();var t=this.props.meshPath,r=this.props.vertexShaderPath,a=this.props.fragmentShaderPath;if(fetch(T+r).then(function(e){return e.text()}).then(function(t){e.setState({vertexShaderSource:t}),R=!0,e.beginWhenResourcesReady()}),fetch(T+a).then(function(e){return e.text()}).then(function(t){e.setState({fragmentShaderSource:t}),L=!0,e.beginWhenResourcesReady()}),fetch(T+t).then(function(e){return e.text()}).then(function(t){o=t,F=!0,e.beginWhenResourcesReady()}),i=this.setupVideo(T+this.props.videoPath),this.detectMobile){this.checkForVideo();var n=this.playing;window.addEventListener("focus",function(e){document.hasFocus()&&(void 0===i||null===i||n(i)||i.play())},!1)}}},{key:"renderFrame",value:function(e,t,r,o){var n=document.getElementById("rendering-surface");n.width=window.innerWidth,n.height=window.innerHeight,(e=n.getContext("experimental-webgl")).viewport(0,0,n.width,n.height),e.clear(e.COLOR_BUFFER_BIT|e.DEPTH_BUFFER_BIT),e.useProgram(t.program);var s=.125*Math.PI/(r-o),u=b.fromValues(0,0,0);S&&this.updateTexture(e,a,i),Date.now()-w>-45e3&&(w=Date.now()+9e4),e.uniform3fv(t.program.directionalLightUniform,u),e.uniform1f(t.program.timeUniform,.001*(Date.now()-w));x.rotate(t.object.modelMatrix,t.object.modelMatrix,s,[0,0,0]),e.uniformMatrix4fv(t.program.modelMatrixUniform,e.FALSE,t.object.modelMatrix);var l=P.create();P.normalFromMat4(l,x.multiply(x.create(),t.object.modelMatrix,t.viewMatrix)),e.uniformMatrix3fv(t.program.normalMatrixUniform,e.FALSE,l),e.bindBuffer(e.ARRAY_BUFFER,t.object.vertexBuffer),e.drawArrays(e.TRIANGLES,0,t.object.vertexCount),e.bindBuffer(e.ARRAY_BUFFER,null),e.useProgram(null);var c=this.renderFrame;requestAnimationFrame(function(a){c(e,t,a,r)})}},{key:"createProgram",value:function(e,t){var r=this.state.vertexShaderSource,a=this.state.fragmentShaderSource;t[0].shaderSource=r,t[1].shaderSource=a;for(var i=e.createProgram(),o=0;o<t.length;o++){var n=t[o],s=e.createShader(n.type);if(e.shaderSource(s,n.shaderSource),e.compileShader(s),!e.getShaderParameter(s,e.COMPILE_STATUS))throw e.getShaderInfoLog(s);e.attachShader(i,s),e.deleteShader(s)}if(e.linkProgram(i),!e.getProgramParameter(i,e.LINK_STATUS))throw e.getProgramInfoLog(i);return i}},{key:"init",value:function(e){var t=document.getElementById("rendering-surface"),r=t.getContext("experimental-webgl");r.viewport(0,0,t.width,t.height),r.enable(r.DEPTH_TEST),r.enable(r.CULL_FACE),r.cullFace(r.BACK),r.clearColor(0,0,0,0);var i=this.createProgram(r,[{container:"vertex-shader",type:r.VERTEX_SHADER},{container:"fragment-shader",type:r.FRAGMENT_SHADER}]);r.useProgram(i),s=r.getUniformLocation(i,"_MainTex"),u=r.getUniformLocation(i,"_Noise"),r.activeTexture(r.TEXTURE0),a=this.loadTexture(r,T+this.props.texture1Path),r.uniform1i(s,0),r.activeTexture(r.TEXTURE1),this.loadTexture(r,T+this.props.texture2Path),r.uniform1i(u,1),i.positionAttribute=r.getAttribLocation(i,"pos"),r.enableVertexAttribArray(i.positionAttribute),i.textureAttribute=r.getAttribLocation(i,"uv"),r.enableVertexAttribArray(i.textureAttribute),i.normalAttribute=r.getAttribLocation(i,"normal"),r.enableVertexAttribArray(i.normalAttribute);var o=r.createBuffer();r.bindBuffer(r.ARRAY_BUFFER,o),r.bufferData(r.ARRAY_BUFFER,e.vertices,r.STATIC_DRAW),r.vertexAttribPointer(i.positionAttribute,3,r.FLOAT,r.FALSE,8*Float32Array.BYTES_PER_ELEMENT,0),r.vertexAttribPointer(i.textureAttribute,2,r.FLOAT,r.FALSE,8*Float32Array.BYTES_PER_ELEMENT,3*Float32Array.BYTES_PER_ELEMENT),r.vertexAttribPointer(i.normalAttribute,3,r.FLOAT,r.FALSE,8*Float32Array.BYTES_PER_ELEMENT,5*Float32Array.BYTES_PER_ELEMENT);var n=x.create();x.perspective(n,.75,t.width/t.height,.1,100),i.projectionMatrixUniform=r.getUniformLocation(i,"projectionMatrix"),r.uniformMatrix4fv(i.projectionMatrixUniform,r.FALSE,n);var l=x.create();i.viewMatrixUniform=r.getUniformLocation(i,"viewMatrix"),r.uniformMatrix4fv(i.viewMatrixUniform,r.FALSE,l);var c=x.create();x.identity(c),x.translate(c,c,this.props.objectPosition),x.rotate(c,c,this.props.objectRotation[0],[1,0,0]),x.rotate(c,c,this.props.objectRotation[1],[0,1,0]),x.rotate(c,c,this.props.objectRotation[2],[0,0,1]),i.modelMatrixUniform=r.getUniformLocation(i,"modelMatrix"),r.uniformMatrix4fv(i.modelMatrixUniform,r.FALSE,c),x.rotate(c,c,-1.57,[0,1,0]);var m=P.create();P.normalFromMat4(m,x.multiply(x.create(),c,l)),i.normalMatrixUniform=r.getUniformLocation(i,"normalMatrix"),r.uniformMatrix3fv(i.normalMatrixUniform,r.FALSE,m),i.ambientLightColourUniform=r.getUniformLocation(i,"ambientLightColour"),i.directionalLightUniform=r.getUniformLocation(i,"directionalLight"),i.materialSpecularUniform=r.getUniformLocation(i,"materialSpecular"),e.materialAmbientUniform=r.getUniformLocation(i,"materialAmbient"),e.materialDiffuseUniform=r.getUniformLocation(i,"materialDiffuse"),e.shininessUniform=r.getUniformLocation(i,"shininess"),i.timeUniform=r.getUniformLocation(i,"time");var d=b.fromValues(.2,.2,.2);r.uniform3fv(i.ambientLightColourUniform,d);var h=b.fromValues(-.5,.5,.5);r.uniform3fv(i.directionalLightUniform,h);var p=b.fromValues(.5,.5,.5);r.uniform3fv(i.materialSpecularUniform,p),r.uniform1f(e.shininessUniform,e.material.shininess),r.uniform1f(e.materialAmbientUniform,e.material.ambient),r.uniform1f(e.materialDiffuseUniform,e.material.diffuse),e.modelMatrix=c,e.vertexBuffer=o,r.bindBuffer(r.ARRAY_BUFFER,null),r.useProgram(null);var f={program:i,object:e,start:Date.now(),projectionMatrix:n,viewMatrix:l},v=this.renderFrame;this.playing;requestAnimationFrame(function(e){v(r,f,e,0)})}},{key:"checkForVideo",value:function(){var e=this,t=document.getElementById("video-player");if(this.detectMobile())if(this.playing(t)){n=c.a.createElement("button",{onClick:this.playVideo,id:"video-button"});var r=document.getElementById("video-button");void 0!=r&&null!=r&&r.parentNode.removeChild(r)}else 4===t.readyState&&(n=c.a.createElement("button",{onClick:this.playVideo,id:"video-button"},"PLAY"),setInterval(function(){return e.checkForVideo()},500),console.log("should enable button"))}},{key:"loadMeshData",value:function(e){for(var t=e.split("\n"),r=[],a=[],i=[],o=[],n=0;n<t.length;n++){var s=t[n].trimRight().split(" ");if(s.length>0)switch(s[0]){case"v":r.push(b.fromValues(parseFloat(s[1]),parseFloat(s[2]),parseFloat(s[3])));break;case"vn":a.push(b.fromValues(parseFloat(s[1]),parseFloat(s[2]),parseFloat(s[3])));break;case"vt":o.push(E.fromValues(parseFloat(s[1]),parseFloat(s[2])));break;case"f":var u=s[1].split("/"),l=s[2].split("/"),c=s[3].split("/");Array.prototype.push.apply(i,r[parseInt(u[0])-1]),Array.prototype.push.apply(i,o[parseInt(u[1])-1]),Array.prototype.push.apply(i,a[parseInt(u[2])-1]),Array.prototype.push.apply(i,r[parseInt(l[0])-1]),Array.prototype.push.apply(i,o[parseInt(l[1])-1]),Array.prototype.push.apply(i,a[parseInt(l[2])-1]),Array.prototype.push.apply(i,r[parseInt(c[0])-1]),Array.prototype.push.apply(i,o[parseInt(c[1])-1]),Array.prototype.push.apply(i,a[parseInt(c[2])-1])}}return console.log("Loaded mesh with "+i.length/6+" vertices"),{primitiveType:"TRIANGLES",vertices:new Float32Array(i),vertexCount:i.length/8,material:{ambient:.2,diffuse:.5,shininess:10}}}},{key:"playing",value:function(e){return null===e||void 0===e?(console.log("bail"),!1):e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2}},{key:"setupVideo",value:function(e){var t=document.getElementById("video-player"),r=!1,a=!1;t.addEventListener("playing",function(){r=!0,o()},!0),t.addEventListener("timeupdate",function(){a=!0,o()},!0),t.crossOrigin="",t.src=e;var i=this.props.doneLoading;function o(){r&&a&&(i(),S=!0)}return t}},{key:"detectMobile",value:function(){return!!(navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/BlackBerry/i)||navigator.userAgent.match(/Windows Phone/i))}},{key:"updateTexture",value:function(e,t,r){var a=e.RGBA,i=e.RGBA,o=e.UNSIGNED_BYTE;e.bindTexture(e.TEXTURE_2D,t),e.texImage2D(e.TEXTURE_2D,0,a,i,o,r)}},{key:"loadTexture",value:function(e,t){var r=e.createTexture();e.bindTexture(e.TEXTURE_2D,r);var a=e.RGBA,i=e.RGBA,o=e.UNSIGNED_BYTE,n=new Uint8Array([0,0,255,255]);e.texImage2D(e.TEXTURE_2D,0,a,1,1,0,i,o,n);var s=new Image;return s.onload=function(){e.bindTexture(e.TEXTURE_2D,r),e.texImage2D(e.TEXTURE_2D,0,a,i,o,s),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR)},s.crossOrigin="",s.src=t,r}},{key:"isPowerOf2",value:function(e){return 0===(e&e-1)}},{key:"playVideo",value:function(){document.getElementById("video-player").play()}},{key:"render",value:function(){return c.a.createElement("div",null,n,c.a.createElement("canvas",{id:"rendering-surface",height:"800",width:"800",className:this.props.display?"":"hidden"}),c.a.createElement("video",{id:"video-player",src:this.props.videoPath,type:"video/mp4",autoPlay:!0,muted:!0,playsInline:!0,controls:!0,loop:!0}))}}]),t}(l.Component),_=r(8),j=_.vec2,B=_.vec3,I=_.mat4,D=(_.mat3,0),O=function(e){function t(e){var r;return Object(h.a)(this,t),(r=Object(f.a)(this,Object(v.a)(t).call(this,e))).state={vertexShaderSource:"",fragmentShaderSource:""},r.loadMeshData=r.loadMeshData.bind(Object(y.a)(Object(y.a)(r))),r.renderFrame=r.renderFrame.bind(Object(y.a)(Object(y.a)(r))),r.init=r.init.bind(Object(y.a)(Object(y.a)(r))),r}return Object(g.a)(t,e),Object(p.a)(t,[{key:"componentDidMount",value:function(){for(var e="",t=0;t<=6.2834;t+=.001){e+="v -10 "+Math.sin(t+Math.floor(20*t))+" "+Math.cos(t+Math.floor(20*t))+"\n"}this.init(this.loadMeshData(e))}},{key:"renderFrame",value:function(e,t,r,a){var i=document.getElementById("loading-surface");i.width=window.innerWidth,i.height=window.innerHeight,(e=i.getContext("experimental-webgl")).viewport(0,0,i.width,i.height),e.clear(e.COLOR_BUFFER_BIT|e.DEPTH_BUFFER_BIT),e.useProgram(t.program);var o=.125*Math.PI/(r-a);Date.now()-D>-45e3&&(D=Date.now()+9e4),e.uniform1f(t.program.timeUniform,.001*(Date.now()-D));I.rotate(t.object.modelMatrix,t.object.modelMatrix,o,[0,0,0]),e.uniformMatrix4fv(t.program.modelMatrixUniform,e.FALSE,t.object.modelMatrix),e.bindBuffer(e.ARRAY_BUFFER,t.object.vertexBuffer),e.drawArrays(e.LINE_STRIP,0,t.object.vertexCount),e.bindBuffer(e.ARRAY_BUFFER,null),e.useProgram(null);var n=this.renderFrame;requestAnimationFrame(function(a){n(e,t,a,r)})}},{key:"createProgram",value:function(e,t){t[0].shaderSource="precision mediump float;attribute vec3 pos;uniform mat4 projectionMatrix, viewMatrix, modelMatrix;uniform float time;vec2 cylinder(vec3 newPos) {vec2 end = newPos.yz - (newPos.yz * 2.0 + sin(floor(floor(time + newPos.y * 10.0) * 5.0)) * 1.5);float step = (sin(floor(time + newPos.z)) * 2.0) - 1.0;newPos.yz = mix(newPos.yz, end, step);return newPos.yz;}void main() {vec4 eyePosition =  viewMatrix * modelMatrix * vec4(pos, 1.0);vec3 newPos = pos.xyz;float scaledTime = floor(mod(time * 6.0, 10.0));newPos.y += sin(pos.y * 20.0 + scaledTime * 2.0) * 0.5;newPos.z += cos(pos.z * 20.0 + scaledTime);newPos.x += cos(pos.z * 3.0 + scaledTime) * sin(pos.x) * 0.1;newPos.yz *= 0.7;gl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(newPos, 1.0);}",t[1].shaderSource="precision mediump float;void main() {gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);}";for(var r=e.createProgram(),a=0;a<t.length;a++){var i=t[a],o=e.createShader(i.type);if(e.shaderSource(o,i.shaderSource),e.compileShader(o),!e.getShaderParameter(o,e.COMPILE_STATUS))throw e.getShaderInfoLog(o);e.attachShader(r,o),e.deleteShader(o)}if(e.linkProgram(r),!e.getProgramParameter(r,e.LINK_STATUS))throw e.getProgramInfoLog(r);return r}},{key:"init",value:function(e){var t=document.getElementById("loading-surface"),r=t.getContext("experimental-webgl");r.viewport(0,0,t.width,t.height),r.enable(r.DEPTH_TEST),r.enable(r.CULL_FACE),r.cullFace(r.BACK),r.clearColor(0,0,0,1);var a=this.createProgram(r,[{container:"vertex-shader",type:r.VERTEX_SHADER},{container:"fragment-shader",type:r.FRAGMENT_SHADER}]);r.useProgram(a),a.positionAttribute=r.getAttribLocation(a,"pos"),r.enableVertexAttribArray(a.positionAttribute);var i=r.createBuffer();r.bindBuffer(r.ARRAY_BUFFER,i),r.bufferData(r.ARRAY_BUFFER,e.vertices,r.STATIC_DRAW),r.vertexAttribPointer(a.positionAttribute,3,r.FLOAT,r.FALSE,3*Float32Array.BYTES_PER_ELEMENT,0);var o=I.create();I.perspective(o,.75,t.width/t.height,.1,100),a.projectionMatrixUniform=r.getUniformLocation(a,"projectionMatrix"),r.uniformMatrix4fv(a.projectionMatrixUniform,r.FALSE,o);var n=I.create();a.viewMatrixUniform=r.getUniformLocation(a,"viewMatrix"),r.uniformMatrix4fv(a.viewMatrixUniform,r.FALSE,n);var s=I.create();I.identity(s),a.modelMatrixUniform=r.getUniformLocation(a,"modelMatrix"),r.uniformMatrix4fv(a.modelMatrixUniform,r.FALSE,s),I.rotate(s,s,-1.57,[0,1,0]),a.timeUniform=r.getUniformLocation(a,"time"),e.modelMatrix=s,e.vertexBuffer=i,r.bindBuffer(r.ARRAY_BUFFER,null),r.useProgram(null);var u={program:a,object:e,start:Date.now(),projectionMatrix:o,viewMatrix:n},l=this.renderFrame;requestAnimationFrame(function(e){l(r,u,e,0)})}},{key:"loadMeshData",value:function(e){for(var t=e.split("\n"),r=[],a=[],i=[],o=[],n=0;n<t.length;n++){var s=t[n].trimRight().split(" ");if(s.length>0)switch(s[0]){case"v":r.push(B.fromValues(parseFloat(s[1]),parseFloat(s[2]),parseFloat(s[3])));break;case"vn":a.push(B.fromValues(parseFloat(s[1]),parseFloat(s[2]),parseFloat(s[3])));break;case"vt":o.push(j.fromValues(parseFloat(s[1]),parseFloat(s[2])));break;case"f":var u=s[1].split("/"),l=s[2].split("/"),c=s[3].split("/");Array.prototype.push.apply(i,r[parseInt(u[0])-1]),Array.prototype.push.apply(i,o[parseInt(u[1])-1]),Array.prototype.push.apply(i,a[parseInt(u[2])-1]),Array.prototype.push.apply(i,r[parseInt(l[0])-1]),Array.prototype.push.apply(i,o[parseInt(l[1])-1]),Array.prototype.push.apply(i,a[parseInt(l[2])-1]),Array.prototype.push.apply(i,r[parseInt(c[0])-1]),Array.prototype.push.apply(i,o[parseInt(c[1])-1]),Array.prototype.push.apply(i,a[parseInt(c[2])-1])}}for(var m=0;m<r.length;m++)Array.prototype.push.apply(i,r[m]);return console.log("Loaded mesh with "+i.length/3+" vertices"),{primitiveType:"TRIANGLES",vertices:new Float32Array(i),vertexCount:i.length/3,material:{ambient:.2,diffuse:.5,shininess:10}}}},{key:"render",value:function(){return c.a.createElement("div",null,c.a.createElement("canvas",{id:"loading-surface",className:this.props.display?"":"hidden",height:"800",width:"800"}))}}]),t}(l.Component),k=r(8),C=k.vec2,N=k.vec3,V=k.mat4,Y=(k.mat3,0),X=(l.Component,r(7)),W=r.n(X),G=function(e){function t(e){var r;Object(h.a)(this,t);var a=(r=Object(f.a)(this,Object(v.a)(t).call(this,e))).detectMobile(),i={meshPath:"models/quad.obj",vertexShaderPath:"shaders/fullscreenquad/fullscreenquadnew.vertex",fragmentShaderPath:"shaders/fullscreenquad/fullscreenquad.fragment",texture1Path:"textures/whitePixel.png",texture2Path:"textures/noise.png",videoPath:a?"videos/wolfsmall.mp4":"videos/wolfnoaudio.mp4",objectPosition:[0,0,-2],objectRotation:[0,0,0]};return r.state={currentProfile:i,showLoading:!0},r}return Object(g.a)(t,e),Object(p.a)(t,[{key:"startLoading",value:function(){this.setState({showLoading:!0}),W()(".rendering-surface").hidden=!0,W()(".loading-surface").hidden=!1}},{key:"doneLoading",value:function(){this.setState({showLoading:!1}),W()(".rendering-surface").hidden=!1,W()(".loading-surface").hidden=!0}},{key:"componentDidMount",value:function(){}},{key:"detectMobile",value:function(){return!!(navigator.userAgent.match(/Android/i)||navigator.userAgent.match(/webOS/i)||navigator.userAgent.match(/iPhone/i)||navigator.userAgent.match(/iPad/i)||navigator.userAgent.match(/iPod/i)||navigator.userAgent.match(/BlackBerry/i)||navigator.userAgent.match(/Windows Phone/i))}},{key:"render",value:function(){var e=this;return c.a.createElement("div",{className:"App"},c.a.createElement("div",{id:"title-text",className:"container-fluid"},"ANENORMOUSDOOR"),c.a.createElement(O,{objectPosition:this.state.currentProfile.objectPosition,display:this.state.showLoading}),c.a.createElement(U,{meshPath:this.state.currentProfile.meshPath,texture1Path:this.state.currentProfile.texture1Path,texture2Path:this.state.currentProfile.texture2Path,vertexShaderPath:this.state.currentProfile.vertexShaderPath,fragmentShaderPath:this.state.currentProfile.fragmentShaderPath,objectPosition:this.state.currentProfile.objectPosition,objectRotation:this.state.currentProfile.objectRotation,videoPath:this.state.currentProfile.videoPath,display:!this.state.showLoading,startLoading:function(){return e.startLoading()},doneLoading:function(){return e.doneLoading()}}))}}]),t}(l.Component);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));d.a.render(c.a.createElement(G,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}},[[11,2,1]]]);
//# sourceMappingURL=main.adfce40c.chunk.js.map