1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5301:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(2266)}])},2266:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return be}});var r=n(5893),i=n(7294),o=n(4184),a=n.n(o),s=n(6486),c=n.n(s),l=n(4551),u=n(9452),f=n(4865),h=n.n(f),p=n(2804),m=n(7779),v=n(6355),d=n(8866);function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},y(e)}function g(e,t){return!t||"object"!==_(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}var _=function(e){return e&&"undefined"!==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function w(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=y(e);if(t){var i=y(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return g(this,n)}}var x=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}(n,e);var t=w(n);function n(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),(e=t.call(this,void 0,"precision mediump float;\n#define GLSLIFY 1\n\nuniform sampler2D uSampler;\nvarying vec2 vTextureCoord;\n\nuniform float time;\n\n//\n// Description : Array and textureless GLSL 2D simplex noise function.\n// Author : Ian McEwan, Ashima Arts.\n// Maintainer : ijm\n// Lastmod : 20110822 (ijm)\n// License : Copyright (C) 2011 Ashima Arts. All rights reserved.\n// Distributed under the MIT License. See LICENSE file.\n// https://github.com/ashima/webgl-noise\n//\n\nvec3 mod289(vec3 x) {\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec2 mod289(vec2 x) {\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\n\nvec3 permute(vec3 x) {\n return mod289(((x*34.0)+1.0)*x);\n}\n\nfloat snoise(vec2 v)\n {\n const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0\n 0.366025403784439, // 0.5*(sqrt(3.0)-1.0)\n -0.577350269189626, // -1.0 + 2.0 * C.x\n 0.024390243902439); // 1.0 / 41.0\n// First corner\n vec2 i = floor(v + dot(v, C.yy) );\n vec2 x0 = v - i + dot(i, C.xx);\n\n// Other corners\n vec2 i1;\n //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\n //i1.y = 1.0 - i1.x;\n i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n // x0 = x0 - 0.0 + 0.0 * C.xx ;\n // x1 = x0 - i1 + 1.0 * C.xx ;\n // x2 = x0 - 1.0 + 2.0 * C.xx ;\n vec4 x12 = x0.xyxy + C.xxzz;\n x12.xy -= i1;\n\n// Permutations\n i = mod289(i); // Avoid truncation effects in permutation\n vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\n + i.x + vec3(0.0, i1.x, 1.0 ));\n\n vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n m = m*m ;\n m = m*m ;\n\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\n\n vec3 x = 2.0 * fract(p * C.www) - 1.0;\n vec3 h = abs(x) - 0.5;\n vec3 ox = floor(x + 0.5);\n vec3 a0 = x - ox;\n\n// Normalise gradients implicitly by scaling m\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\n m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\n\n// Compute final noise value at P\n vec3 g;\n g.x = a0.x * x0.x + h.x * x0.y;\n g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n return 130.0 * dot(m, g);\n}\n\nvoid main(void) {\n float c = cos( time ) * 0.1;\n float s = sin( time ) * 0.1;\n\n float distance_x = vTextureCoord.x - 0.5;\n float distance_y = vTextureCoord.y - 0.5;\n vec2 distance = vec2( distance_x, distance_y );\n\n float uvDiffX = snoise( distance * ( s + 1.2 ) ) * 0.1;\n float uvDiffY = snoise( distance * ( c + 1.6 ) ) * 0.1;\n\n vec2 uv = vTextureCoord;\n uv.x += uvDiffX;\n uv.y += uvDiffY;\n uv.x = min( 1.0, max( 0.0, uv.x ) );\n uv.y = min( 1.0, max( 0.0, uv.y ) );\n\n vec4 baseColor = texture2D( uSampler, vTextureCoord );\n vec4 finalColor = texture2D( uSampler, uv );\n\n gl_FragColor = finalColor;\n} \n",{time:0})).time=0,e.update=function(){e.uniforms.time=e.time},e}return n}(d.wn$),C=JSON.parse('{"G":[{"title":"firstview","elementNameList":["sretks","position"],"elementList":[]},{"title":"who","elementNameList":["who"],"elementList":[]},{"title":"about","elementNameList":["develop","visual"],"elementList":[]},{"title":"works","elementNameList":["works","lab__list__item__0","lab__list__item__1","lab__list__item__2"],"elementList":[]},{"title":"contact","elementNameList":["contact"],"elementList":[]}]}');function j(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var R=function(){function e(t){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}
1(this,e),this.deviceType="pc",this.stageSize={width:0,height:0},this.imageWaveFilter=new x,this.elementContainerList=C.G,this.onResize=function(){n.resize()},this.root=t,this.stageSize=this.getStageSize(),this.createApp(),this.loadAssets()}var t,n,r;return t=e,(n=[{key:"createApp",value:function(){var e;d.P6Y.clearTextureCache(),this.app=new d.MxU({width:this.stageSize.width,height:this.stageSize.height,antialias:!1}),this.app.renderer.plugins.interaction.autoPreventDefault=!1,this.app.renderer.view.style.touchAction="auto",this.app.ticker.maxFPS=60,null===(e=this.root)||void 0===e||e.appendChild(this.app.view);var t=new d.TCu;t.beginFill(0),t.drawRect(0,0,100,100),t.endFill(),this.bgContainer=new d.W20,this.bgContainer.addChild(t),this.app.stage.addChild(this.bgContainer),this.sceneContainer=new d.W20,this.app.stage.addChild(this.sceneContainer),this.app.stage.filters=[this.imageWaveFilter]}},{key:"loadAssets",value:function(){var e=this,t=new d.aNw;this.elementContainerList.map((function(e){e.elementNameList.map((function(n){var r=document.getElementById(n);if(r){var i=r;i&&(t.add("".concat(e.title,"-").concat(n),i.src),i.style.opacity="0.4",i.style.mixBlendMode="overlay"),e.elementList.push({title:n,dom:r,sprite:null})}}))})),t.load((function(t,n){var r=e;e.elementContainerList.map((function(e){var t=r;e.elementNameList.map((function(r){var i=n["".concat(e.title,"-").concat(r)];if(i){var o=new d.jyi(i.texture);t.sceneContainer.addChild(o);var a=e.elementList.find((function(e){return e.title===r}));a&&(a.sprite=o)}}))})),e.setup()}))}},{key:"setup",value:function(){var e;window.addEventListener("resize",this.onResize),this.onResize(),null===(e=this.root)||void 0===e||e.dispatchEvent(new CustomEvent("contentsLoadProgress",{detail:{name:"element",loaded:1,loadTotal:1}}))}},{key:"update",value:function(){this.imageWaveFilter.time+=.001*this.app.ticker.elapsedMS,this.imageWaveFilter.update(),this.elementContainerList.map((function(e){e.elementList.map((function(e){var t=e.dom.getBoundingClientRect();e.sprite&&(e.sprite.width=t.width,e.sprite.height=t.height,e.sprite.x=t.left,e.sprite.y=t.top)}))}))}},{key:"resize",value:function(){this.stageSize=this.getStageSize(),this.bgContainer.width=this.stageSize.width,this.bgContainer.height=this.stageSize.height,this.elementContainerList.map((function(e){e.elementList.map((function(e){var t=e.dom.getBoundingClientRect();e.sprite&&(e.sprite.width=t.width,e.sprite.height=t.height,e.sprite.x=t.left,e.sprite.y=t.top)}))})),this.app.renderer.resize(this.stageSize.width,this.stageSize.height)}},{key:"setDeviceType",value:function(e){this.deviceType=e}},{key:"getStageSize",value:function(){return this.root?{width:this.root.getBoundingClientRect().width,height:this.root.getBoundingClientRect().height}:{width:0,height:0}}},{key:"start",value:function(){var e=this;this.app.ticker.add((function(){e.update()}))}},{key:"stop",value:function(){this.app.stage&&this.app.ticker&&this.app.ticker.stop()}},{key:"finalize",value:function(){this.stop(),this.app.stage&&this.app.destroy(!0,{children:!0,texture:!0,baseTexture:!0}),window.removeEventListener("resize",this.onResize)}}])&&j(t.prototype,n),r&&j(t,r),e}(),S=n(5385),T=n(3685),P=n(1874);function O(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function E(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function N(e,t,n){return N="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=L(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},N(e,t,n||e)}
1function L(e){return L=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},L(e)}function k(e,t){return!t||"object"!==I(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function A(e,t){return A=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},A(e,t)}var I=function(e){return e&&"undefined"!==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function z(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=L(e);if(t){var i=L(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return k(this,n)}}var M=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&A(e,t)}(o,e);var t,n,r,i=z(o);function o(){var e;return O(this,o),(e=i.apply(this,arguments)).cameraFrames=[],e.cameraRootPosition=new S.Vector3(0,0,0),e.cameraRootRotation=new S.Quaternion(0,0,0,0),e.mousePosition=new S.Vector3(0,0,0),e.mouseRotation=new S.Quaternion(0,0,0,0),e}return t=o,(n=[{key:"setup",value:function(){this.root=this.scene.getTransformNodeById("__root__"),this.lightList=P.Z.getLightList(this.scene),this.animationList=P.Z.getAnimationList(this.scene),this.cameraRoot=this.scene.getTransformNodeById("CameraRoot"),this.camera=this.scene.getCameraById("Camera"),this.scene.activeCamera=this.scene.cameras[0],this.scene.activeCamera.minZ=.001,this.cameraRoot&&this.moveObjectsCamera(1,0),this.camera&&(this.mousePosition.x=this.camera.position.x,this.mousePosition.y=this.camera.position.y,this.mousePosition.z=this.camera.position.z)}},{key:"update",value:function(){this.cameraRoot&&(P.Z.objectMove(this.cameraRoot,this.cameraRootPosition,30),P.Z.objectRotation(this.cameraRoot,this.cameraRootRotation,30)),this.camera&&P.Z.objectMove(this.camera,this.mousePosition,100),N(L(o.prototype),"update",this).call(this)}},{key:"moveObjectsCamera",value:function(e,t){var n=this,r=this.animationList.CameraRootAction;if(r){var i=this.cameraFrames[e]-this.cameraFrames[e-1],o=this.cameraFrames[e-1]+Math.ceil(i*t);r.targetedAnimations.map((function(e){var t=e.animation,r=t.targetProperty,i=t.getKeys()[o];i&&("position"===r?(n.cameraRootPosition.x=i.value.x,n.cameraRootPosition.y=i.value.y,n.cameraRootPosition.z=i.value.z):"rotationQuaternion"===r&&(n.cameraRootRotation.w=i.value.w,n.cameraRootRotation.x=i.value.x,n.cameraRootRotation.y=i.value.y,n.cameraRootRotation.z=i.value.z))}))}}},{key:"setMouseRatio",value:function(e,t){this.mousePosition.x=-e,this.mousePosition.y=t}}])&&E(t.prototype,n),r&&E(t,r),o}(T.Z),B=M;function V(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function D(e,t,n){return D="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=F(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},D(e,t,n||e)}function F(e){return F=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},F(e)}function Z(e,t){return!t||"object"!==W(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function U(e,t){return U=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},U(e,t)}var W=function(e){return e&&"undefined"!==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function q(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=F(e);if(t){var i=F(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return Z(this,n)}}var G=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&U(e,t)}(o,e);var t,n,r,i=q(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,e,t)).cameraFrames=[0,30,60,90,120],n.contentsLoadTotal=2,n}return t=o,(n=[{key:"loadAssets",value:function(){this.loadAsset("chara01.glb")}},{key:"setup",value:function(){var e,t;D(F(o.prototype),"setup",this).call(this),this.star=this.scene.getTransformNodeById("ObjectStar"),this.createInstance("chara01.glb","chara01"),this.createInstance("chara01.glb","chara01_02"),this.getNode("chara01").position=new S.Vector3(-.5,-.2,0),this.getNode("chara01").rotate(new S.Vector3(0,1,0),180*M
1ath.PI/180),this.getNode("chara01").scaling=new S.Vector3(.6,.6,.6),this.getNode("chara01").parent=this.star,null===(e=this.getAnimation("chara01","Chara01Sit"))||void 0===e||e.start(!0,1,0,240,!0),this.spin=this.scene.getTransformNodeById("ObjectSpin"),this.getNode("chara01_02").parent=this.spin,null===(t=this.getAnimation("chara01_02","Chara01Order"))||void 0===t||t.start(!0,1,0,240,!0)}},{key:"update",value:function(){this.camera&&P.Z.objectMove(this.camera,this.mousePosition,100),this.star&&P.Z.objectRotation(this.star,this.mouseRotation,100),this.spin&&this.spin.rotate(new S.Vector3(0,1,0),.01),D(F(o.prototype),"update",this).call(this)}},{key:"setMouseRatio",value:function(e,t){this.mousePosition.x=.1*-e,this.mousePosition.y=.1*t}}])&&V(t.prototype,n),r&&V(t,r),o}(B),H=n(7332);function X(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Y(e,t,n){return Y="undefined"!==typeof Reflect&&Reflect.get?Reflect.get:function(e,t,n){var r=function(e,t){for(;!Object.prototype.hasOwnProperty.call(e,t)&&null!==(e=J(e)););return e}(e,t);if(r){var i=Object.getOwnPropertyDescriptor(r,t);return i.get?i.get.call(n):i.value}},Y(e,t,n||e)}function J(e){return J=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},J(e)}function Q(e,t){return!t||"object"!==$(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function K(e,t){return K=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},K(e,t)}var $=function(e){return e&&"undefined"!==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function ee(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=J(e);if(t){var i=J(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return Q(this,n)}}var te=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&K(e,t)}(o,e);var t,n,r,i=ee(o);function o(e,t){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,o),(n=i.call(this,e,t)).charaRoot=new S.TransformNode("CharaRoot"),n.skyRoot=new S.TransformNode("SkyRoot"),n.rotateSky=function(e,t){var r,i=n.getNode(e),o=new S.TransformNode(e+"Root");i.parent=o,o.parent=n.skyRoot,i.position=new S.Vector3(0,0,-6),i.rotate(new S.Vector3(0,1,0),180*Math.PI/180),o.rotate(new S.Vector3(0,1,0),t*Math.PI/180),null===(r=n.getAnimation(e,"Chara02Sit"))||void 0===r||r.start(!0,1,0,240,!0)},n.cameraFrames=[0,120,180,240,300],n.contentsLoadTotal=4,n}return t=o,(n=[{key:"loadAssets",value:function(){this.loadAsset("chara01.glb"),this.loadAsset("chara02.glb"),this.loadAsset("elephant.glb")}},{key:"setup",value:function(){var e;Y(J(o.prototype),"setup",this).call(this),this.createInstance("chara01.glb","chara01_01"),this.createInstance("chara02.glb","chara02_01"),this.createInstance("chara02.glb","chara02_02"),this.createInstance("chara02.glb","chara02_03"),this.createInstance("chara02.glb","chara02_04"),this.createInstance("elephant.glb","elephant01"),this.createInstance("elephant.glb","elephant02"),this.createInstance("elephant.glb","elephant03"),null===(e=this.getAnimation("chara01_01","Chara01Order"))||void 0===e||e.start(!0,1,0,240,!0),this.skyRoot.position=new S.Vector3(0,7.5,0),this.rotateSky("chara02_01",0),this.rotateSky("chara02_02",90),this.rotateSky("chara02_03",180),this.rotateSky("chara02_04",270),this.rotateElephant("elephant01",180,60),this.rotateElephant("elephant02",180,180),this.rotateElephant("elephant03",180,300),P.Z.setMaterialAlphaType(this.scene,"StageLight",S.Material.MATERIAL_ALPHABLEND),P.Z.setMaterialAlphaType(this.scene,"StageMetal",S.Material.MATERIAL_ALPHATEST),this.particleController=new H.Z(this.scene),this.camera&&new S.LensRenderingPipeline("lens",{chromatic_aberration:3,distortion:2.5,grain_amount:1,dof_darken:0},this.scene,1,[this.camera])}},{key:"rotateElephant",value:function(e,t,n){var r;this.getNode(e).scaling=new S.Vector3(1.5,1.5,1.5),this.rotateChara(e,t,n),null===(r=this.getAnimation(e,"
1ElephantWalk"))||void 0===r||r.start(!0,1,0,240,!0)}},{key:"rotateChara",value:function(e,t,n){var r=this.getNode(e),i=new S.TransformNode(e+"Root");i.parent=this.charaRoot,r.parent=i,r.position=new S.Vector3(-5,0,0),r.rotate(new S.Vector3(0,1,0),t*Math.PI/180),i.rotate(new S.Vector3(0,-1,0),n*Math.PI/180)}},{key:"update",value:function(){this.charaRoot.rotation.y+=.002,this.skyRoot.rotation.y+=.004,this.particleController.update(),Y(J(o.prototype),"update",this).call(this)}},{key:"setMouseRatio",value:function(e,t){this.mousePosition.x=2*e}}])&&X(t.prototype,n),r&&X(t,r),o}(B);function ne(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var re=function(){function e(t,n){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.onMouseMove=function(e){var t=window.innerWidth/2,n=window.innerHeight/2,i=(t-e.clientX)/t,o=(n-e.clientY)/n;r.stage.setMouseRatio(i,o),r.objects.setMouseRatio(i,o)},this.resize=function(){r.stage.resize(),r.objects.resize()},this.stage=new te(t,"stage.glb"),this.objects=new G(n,"object.glb")}var t,n,r;return t=e,(n=[{key:"start",value:function(){this.stage.start(),this.objects.start(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("resize",this.resize)}},{key:"stop",value:function(){this.stage.stop(),this.objects.stop(),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("resize",this.resize)}},{key:"moveObjectsCamera",value:function(e,t){try{this.stage.moveObjectsCamera(e,t),this.objects.moveObjectsCamera(e,t)}catch(n){console.log(n)}}}])&&ne(t.prototype,n),r&&ne(t,r),e}(),ie=n(523),oe=n.n(ie);function ae(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var se=function(){function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.isPolyfilled=!1,this.observer=null,this.observedElements=[],this.active="active",this.inactive="inactive",this.addPageScrollObserver=function(e,n,r,i){var o=t,a={root:null,rootMargin:"0px 0px 0px 0px",threshold:[0,.25,.5,.75,1]};Object.keys(a).forEach((function(e){n[e]&&(a[e]=n[e])})),t.active=void 0!==r?r:"active",t.inactive=void 0!==i?i:"inactive",t.observer||(t.observer=new IntersectionObserver(t.onElementChanged,a)),Array.from(e).map((function(e){e.classList.add(o.STATUS_INACTIVE),o.observer.observe(e)})),t.observedElements.concat(e)},this.onElementChanged=function(e){var n=t;Array.from(e).map((function(e){e.isIntersecting?e.intersectionRatio>=0&&(e.target.classList.add(n.STATUS_ACTIVE),e.target.classList.remove(n.STATUS_INACTIVE),e.target.dispatchEvent(new CustomEvent(n.STATUS_ACTIVE,{detail:{target:e.target,intersectionRatio:e.intersectionRatio,intersectionRect:e.intersectionRect}}))):(e.target.classList.remove(n.STATUS_ACTIVE),e.target.classList.add(n.STATUS_INACTIVE),e.target.dispatchEvent(new CustomEvent(n.STATUS_INACTIVE,{detail:{target:e.target,intersectionRatio:e.intersectionRatio,intersectionRect:e.intersectionRect}})))}))},this.addDelay=function(e,t,n){var r=0,i=0;Array.from(e).map((function(e){e.style.transitionDelay=i*t+"ms",++r===n&&(r=0,i++)}))},this.removeObservedElements=function(){var e=t;Array.from(t.observedElements).map((function(t){e.observer.unobserve(t)}))},this.reset=function(){t.removeObservedElements(),t.observer=null},this.pageScroll=function(e){t.isPolyfilled||(oe().polyfill(),t.isPolyfilled=!0);var n=document.getElementById(e);n&&window.requestAnimationFrame((function(){n.scrollIntoView({behavior:"smooth",block:"start"})}))}}var t,n,r;return t=e,(n=[{key:"STATUS_ACTIVE",get:function(){return this.active}},{key:"STATUS_INACTIVE",get:function(){return this.inactive}}])&&ae(t.prototype,n),r&&ae(t,r),e}(),ce=n(6038),le=n(6546);function ue(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function fe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function he(e){return he=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},he(e)}function pe(e,t){return!t||"object"!==ve(t)&&"function"!==typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function me(e,t){return me=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},me(e,t)}var ve=function(e){return e&&"undefined"!==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e};function de(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=he(e);if(t){var i=he(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return pe(this,n)}}ce.ZP.registerPlugin(le.ScrollTrigger);var ye=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&me(e,t)}(o,e);var t,n,r,i=de(o);function o(){var e;return ue(this,o),(e=i.apply(this,arguments)).deviceType="pc",e.scrollElementList=[],e.scrollActiveClassName="",e.scrollInactiveClassName="",e.aboutListContainerClassName="",e.aboutListClassName="",e.setup=function(){e.setupScrollController(),e.setupAbout()},e.initScrollController=function(t,n,r){e.scrollElementList=t,e.scrollActiveClassName=n,e.scrollInactiveClassName=r},e.setupScrollController=function(){e.pageScrollAnimationUtil&&e.pageScrollAnimationUtil.reset(),e.pageScrollAnimationUtil=new se,e.pageScrollAnimationUtil.addPageScrollObserver(e.scrollElementList,{rootMargin:"100% -10% -25% 0%",threshold:[0]},e.scrollActiveClassName,e.scrollInactiveClassName)},e.initAbout=function(t,n){e.aboutListContainerClassName=t,e.aboutListClassName=n},e.setupAbout=function(){if(e.aboutTween&&(e.aboutTween.kill(),e.aboutTween=null),"pc"===e.deviceType){var t=document.querySelector(e.aboutListContainerClassName),n=document.querySelector(e.aboutListClassName);if(t&&n){e.aboutTween=ce.ZP.to(n,{x:function(){return-(n.clientWidth-t.clientWidth)},ease:"none",scrollTrigger:{trigger:"#about__list",pin:!0,start:"center center",scrub:1,anticipatePin:1,invalidateOnRefresh:!0,end:function(){return"+=".concat(n.clientWidth-t.clientWidth)}}});var r=document.querySelector("#elephant");
1e.aboutTween.eventCallback("onUpdate",(function(t){var n=e.aboutTween.progress();r.style.top=-100*n+"px",r.style.left=-200*n+"px"}))}else{var i=document.querySelector("#elephant");e.aboutTween=ce.ZP.timeline({ease:"none",y:-100,scrollTrigger:{trigger:"#about__list",start:"center bottom",end:"top top",scrub:!0}}).to(i,{yPercent:-20},0)}}},e.initElementController=function(t){e.elementController=new R(t),t.addEventListener("contentsLoadProgress",e.contentsLoadCheck)},e.initFrontController=function(t,n){e.frontController=new re(t,n),t.addEventListener("contentsLoadProgress",e.contentsLoadCheck),n.addEventListener("contentsLoadProgress",e.contentsLoadCheck)},e.onFrontScroll=function(t){var n=[];t.map((function(t){n.push(e.getElementCurrentPosition(t))}));var r=e.getCurrensStep(n),i=window.innerHeight/2,o=n[r-1],a=n[r],s=a-o,c=(s-(a-i))/s;e.frontController.moveObjectsCamera(r,c)},e.getElementCurrentPosition=function(e){var t=e.getBoundingClientRect();return t.top+(t.bottom-t.top)/2},e.getCurrensStep=function(e){var t=window.innerHeight/2,n=0;return e.some((function(e,r){if(e>=t)return n=r,!0})),n},e.setDeviceType=function(t){e.deviceType=t,e.elementController.setDeviceType(e.deviceType),e.setup()},e.finalize=function(){e.elementController.finalize(),e.pageScrollAnimationUtil&&e.pageScrollAnimationUtil.reset()},e}return t=o,(n=[{key:"start",value:function(){this.frontController.start(),this.elementController.start()}}])&&fe(t.prototype,n),r&&fe(t,r),o}(v.Z),ge=new ye,be=function(e){e.workList;var t=n(5962),o=(0,p.sJ)(m.Dd),s=(0,p.sJ)(m.aP),f=(0,i.useState)(!1),v=f[0],d=f[1],y=(0,p.Zl)(m.jd),g=(0,i.useRef)(null),b=(0,i.useRef)(null),_=(0,i.useRef)(null),w=(0,i.useRef)(null),x=(0,i.useRef)(null),C=(0,i.useRef)(null),j=(0,i.useRef)(null),R=(0,i.useRef)(null);(0,i.useEffect)((function(){return function(){window.removeEventListener("scroll",c().throttle(P,10)),window.removeEventListener("contentsLoadProgress",T),ge.finalize()}}),[]),(0,i.useEffect)((function(){s&&S()}),[s]),(0,i.useEffect)((function(){window.removeEventListener("scroll",c().throttle(P,10)),v&&(window.scrollTo(0,0),window.addEventListener("scroll",c().throttle(P,10)),ge.setDeviceType(o))}),[o,v]);var S=function(){if(window.addEventListener("contentsLoadProgress",T),w.current&&x.current&&C.current&&j.current&&R.current){var e=Array.from(document.querySelectorAll(".".concat(h().about__list__item))),t=Array.from(document.querySelectorAll(".".concat(h().lab__list__item))),n=[w.current,x.current,C.current,j.current,R.current];n=(n=n.concat(e)).concat(t),ge.initScrollController(n,h().active,h().inactive),g.current&&b.current&&_.current&&(ge.initFrontController(g.current,b.current),ge.initElementController(_.current)),ge.initAbout("."+h().about__list__container,"."+h().about__list)}},T=function(e){y({loaded:e.detail.loaded,loadTotal:e.detail.loadTotal}),e.detail.loaded>=e.detail.loadTotal&&(window.removeEventListener("contentsLoadProgress",T),d(!0),ge.start())},P=function(e){w.current&&x.current&&C.current&&j.current&&R.current&&ge.onFrontScroll([w.current,x.current,C.current,j.current,R.current])};return(0,r.jsxs)(l.Z,{children:[(0,r.jsxs)("div",{className:h().container,children:[(0,r.jsxs)("div",{className:h().front__container,children:[(0,r.jsx)("canvas",{ref:g,className:h().front1}),(0,r.jsx)("canvas",{ref:b,className:h().front2})]}),(0,r.jsx)("div",{ref:_,className:h().element__container}),(0,r.jsxs)("div",{ref:w,className:a()(h().view,h().firstview,h().inactive),children:[(0,r.jsx)("img",{id:"sretks",className:h().head,src:"/element/sretks.svg"}),(0,r.jsx)("img",{id:"position",className:h().head,src:"/element/position.svg"})]}),(0,r.jsxs)("div",{ref:x,className:a()(h().view,h().who,h().inactive),children:[(0,r.jsx)("img",{id:"who",className:h().head,src:"/element/who.svg"}),(0,r.jsxs)("div",{className:h().info,children:[(0,r.jsx)("div",{className:a()(h().en,h().text__en),children:null===t||void 0===t?void 0:t.who.text[0].en.pc}),(0,r.jsx)("div",{className:a()(h().jp,h().text__jp),children:null===t||void 0===t?void 0:t.who.text[0].jp.pc})]})]}),(0,r.jsxs)("div",{id:"about__list",ref:C,className:a()(h().view,h().about),children:[(0,r.jsx)("div",{id:"elephant__container",className:h().img__about__elephant__container,children:(0,r.jsx)("img",{id:"elephant",className:h().img__about__elephant,src:"/assets/elephant.gif"})}),(0,r.jsx)("div",{className:h().about__list__container,children:(0,r.jsx)("ul",{className:h().about__list,children:null===t||void 0===t?void 0:t.about.map((function(e,t){return(0,r.jsxs)("li",{className:h().about__list__item,children:[(0,r.jsx)("img",{id:e.title,className:h().title,src:"/element/".concat(e.title,".svg")}),(0,r.jsx)("ul",{className:a()(h().en,h().text__en),children:e.text.map((function(e,t){return(0,r.jsx)("li",{className:h().item,children:e.en.pc},"about__list__item__text__en__".concat(t))}))}),(0,r.jsx)("ul",{className:a()(h().jp,h().text__jp),children:e.text.map((function(e,t){return(0,r.jsx)("li",{className:h().item,children:e.jp.pc},"about__list__item__text__jp__".concat(t))}))})]},"about__list__item__".concat(t))}))})})]}),(0,r.jsxs)("div",{ref:j,className:a()(h().view,h().works,h().inactive),children:[(0,r.jsx)("img",{id:"works",className:h().head,src:"/element/labs.svg"}),(0,r.jsx)("div",{className:h().lab__list__container,children:(0,r.jsx)("ul",{className:h().lab__list,children:null===t||void 0===t?void 0:t.labs.items.map((function(e,t){return(0,r.jsxs)("li",{className:h().lab__list__item,children:[(0,r.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{id:"lab__list__item__".concat(t),className:h().lab__list__item__img,src:e.image})}),(0,r.jsx)("div",{className:a()(h().lab__list__item__title,h().text__en),children:e.title})]},"lab__list__item__".concat(t))}))})})]}),(0,r.jsxs)("div",{ref:R,className:a()(h().view,h().contact,h().inactive),children:[(0,r.jsx)("img",{id:"contact",className:h().head,src:"/element/contact.svg"}),(0,r.jsxs)("ul",{className:h().contact__list,children:[(0,r.jsx)("li",{className:h().contact__list__item,children:(0,r.jsx)("a",{href:"http://twitter.com/sretks",target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/assets/sns__twitter.svg"})})}),(0,r.jsx)("li",{className:h().contact__list__item,children:(0,r.jsx)("a",{href:"https://www.facebook.com/SRETKS.com.Interactive",target:"_blank",rel:"noreferrer",children:(0,r.jsx)("img",{src:"/assets/sns__facebook.svg"})})})]})]})]}),(0,r.jsx)(u.h,{})]})}}},function(e){e.O(0,[68,946,662,645,818,376,774,888,179],(function(){return t=5301,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.