1 line
8.2 KiB
JavaScript
1 line
8.2 KiB
JavaScript
|
!function(e){function t(e,t){this.el=e,this.items=this.el.querySelectorAll(".grid__item > .grid__link")}function n(){c.forEach(function(e){e.addEventListener("click",i)}),d.forEach(function(e){e.addEventListener("click",a)})}function i(e){$(".control__item").removeClass("active"),$(this).parent(".control__item").addClass("active"),s[u].classList.add("grid--hidden");var t=s.filter(function(t){return t.classList.contains(e.target.value)})[0];u=s.indexOf(t),t.classList.remove("grid--hidden"),l[u].layout()}function a(e){clearTimeout(r),s[u].classList.add("grid--loading"),r=setTimeout(function(){s[u].classList.remove("grid--loading"),g[u]._render(e.target.getAttribute("data-fx"))},500)}t.prototype.effects={Hapi:{animeOpts:{duration:function(e,t){return 600+75*t},easing:"easeOutExpo",delay:function(e,t){return 50*t},opacity:{value:[0,1],easing:"linear"},scale:[0,1]}},Amun:{sortTargetsFn:function(e,t){var n=e.getBoundingClientRect(),i=t.getBoundingClientRect();return n.left-i.left||n.top-i.top},animeOpts:{duration:function(e,t){return 500+50*t},easing:"easeOutExpo",delay:function(e,t){return 20*t},opacity:{value:[0,1],duration:function(e,t){return 250+50*t},easing:"linear"},translateY:[400,0]}},Kek:{sortTargetsFn:function(e,t){return t.getBoundingClientRect().left-e.getBoundingClientRect().left},animeOpts:{duration:800,easing:[.1,1,.3,1],delay:function(e,t){return 20*t},opacity:{value:[0,1],duration:600,easing:"linear"},translateX:[-500,0],rotateZ:[15,0]}},Isis:{animeOpts:{duration:900,elasticity:500,delay:function(e,t){return 15*t},opacity:{value:[0,1],duration:300,easing:"linear"},translateX:function(){return[0===anime.random(0,1)?100:-100,0]},translateY:function(){return[0===anime.random(0,1)?100:-100,0]}}},Montu:{perspective:800,origin:"50% 0%",animeOpts:{duration:1500,elasticity:400,delay:function(e,t){return 75*t},opacity:{value:[0,1],duration:1e3,easing:"linear"},rotateX:[-90,0]}},Osiris:{perspective:3e3,animeOpts:{duration:function(){return anime.random(500,1e3)},easing:[.2,1,.3,1],delay:function(e,t){return 50*t},opacity:{value:[0,1],duration:700,easing:"linear"},translateZ:{value:[-3e3,0],duration:1e3},rotateY:["-1turns",0]}},Satet:{animeOpts:{duration:800,elasticity:600,delay:function(e,t){return 100*t},opacity:{value:[0,1],duration:600,easing:"linear"},scaleX:{value:[.4,1]},scaleY:{value:[.6,1],duration:1e3}}},Atum:{sortTargetsFn:function(t,n){var i={top:document.body.scrollTop+document.documentElement.scrollTop},a=e.innerHeight+i.top,r=t.getBoundingClientRect(),o=r.top+i.top+r.height/2,s=n.getBoundingClientRect(),l=s.top+i.top+s.height/2;return Math.abs(a-o)-Math.abs(a-l)},perspective:1e3,origin:"50% 0%",animeOpts:{duration:800,easing:[.1,1,.3,1],delay:function(e,t){return 35*t},opacity:{value:[0,1],duration:600,easing:"linear"},translateX:[100,0],translateY:[-100,0],translateZ:[400,0],rotateZ:[10,0],rotateX:[75,0]}},Ra:{origin:"50% 0%",animeOpts:{duration:500,easing:"easeOutBack",delay:function(e,t){return 100*t},opacity:{value:[0,1],easing:"linear"},translateY:[400,0],scaleY:[{value:[3,.6],delay:function(e,t){return 100*t+120},duration:300,easing:"easeOutExpo"},{value:[.6,1],duration:1400,easing:"easeOutElastic"}],scaleX:[{value:[.9,1.05],delay:function(e,t){return 100*t+120},duration:300,easing:"easeOutExpo"},{value:[1.05,1],duration:1400,easing:"easeOutElastic"}]}},Sobek:{animeOpts:{duration:600,easing:"easeOutExpo",delay:function(e,t){return 100*t},opacity:{value:[0,1],duration:100,easing:"linear"},translateX:function(t,n){var i={left:document.body.scrollLeft+document.documentElement.scrollLeft},a=e.innerWidth/2+i.left,r=t.getBoundingClientRect();return[a-(r.left+i.left+r.width/2),0]},translateY:function(t,n){var i={top:document.body.scrollTop+document.documentElement.scrollTop},a=e.innerHeight+i.top,r=t.getBoundingClientRect();return[a-(r.top+i.top+r.height/2),0]},rotate:function(t,n){var i=e.innerWidth/2,a=t.getBoundingClientRect();return[a.left+a.width/2<i?90:-90,0]},scale:[0,1]}},Ptah:{itemOverflowHidden:!0,sortTargetsFn:function(e,t){return t.getBoundingClientRect().left-e.getBoundingClientRect().left},o
|