@rtstic.dev/pulse 0.0.15 → 0.0.19

package/dist/home/hero-animation/scroll.js

@@ -0,0 +1 @@
+"use strict";(()=>{var H=e=>!!e;function h(){if(typeof window>"u")return null;let e=window.gsap;if(!e)return console.warn("window.gsap not found. Make sure GSAP is loaded globally before this code runs."),null;let o=window.ScrollTrigger||e.ScrollTrigger;return o?(e.registerPlugin(o),e):(console.warn("ScrollTrigger not found on window (or gsap). Make sure the ScrollTrigger plugin script is loaded globally."),null)}function j(){let e=h();if(!e)return;let o=document.getElementById("home-scroll");if(!o)return;let S=o.querySelector("[pulse-animation-element='hero-title']"),R=o.querySelector("[pulse-animation-element='hero-description']"),E=o.querySelector("[pulse-animation-element='hero-button']"),m=Array.from(o.querySelectorAll("[pulse-animation-element='hero-blur']")),s=o.querySelector("[pulse-animation-element='hero-blur-overlay']"),c=o.querySelector("#canvas3d"),M=document.querySelector('[pulse-animation-element="col-1-row-1-item-1"]'),q=document.querySelector('[pulse-animation-element="col-1-row-1-item-2"]'),C=document.querySelector('[pulse-animation-element="col-1-row-2-item-1"]'),I=document.querySelector('[pulse-animation-element="col-1-row-2-item-2"]'),b=document.querySelector('[pulse-animation-element="col-1-row-3-item-1"]'),v=document.querySelector('[pulse-animation-element="col-2-row-1-item-1"]'),A=document.querySelector('[pulse-animation-element="col-2-row-1-item-2"]'),P=document.querySelector('[pulse-animation-element="col-2-row-2-item-1"]'),G=document.querySelector('[pulse-animation-element="col-2-row-3-item-1"]'),W=document.querySelector('[pulse-animation-element="col-3-row-1-item-1"]'),B=document.querySelector('[pulse-animation-element="col-3-row-2-col-1-item-1"]'),O=document.querySelector('[pulse-animation-element="col-3-row-2-col-1-item-2"]'),k=document.querySelector('[pulse-animation-element="col-3-row-2-col-2-item-1"]'),x=document.querySelector('[pulse-animation-element="col-3-row-2-col-2-item-2"]'),D=document.querySelector('[pulse-animation-element="col-3-row-3-item-1"]'),z=document.querySelector('[pulse-animation-element="canvas"]'),u=document.querySelector('[pulse-animation-element="radial-gradient-wrapper"]'),n=[M,q,C,I,b,v,A,G,W,B,O,k,x,D].filter(H),r=P,i=document.querySelector('[pulse-animation-element="player-inner-elements"]'),d=document.querySelector('[pulse-animation-element="player-radius-rect"]'),l=document.querySelector('[pulse-animation-element="line-art"]');if(!d){console.warn("Player radius rect not found");return}let F=d.getTotalLength(),a=document.querySelector('[pulse-animation-element="player-handle"]'),p=document.querySelector('[pulse-animation-element="player-handle-tail"]'),y=document.querySelector('[pulse-animation-element="handle-wrapper"]'),f=Array.from(document.querySelectorAll('[pulse-animation-element="vignette"]')),V=document.querySelector('[pulse-animation-element="torch-wrapper"]'),g=document.querySelector('[pulse-animation-element="torch"]'),w=document.querySelector('[pulse-animation-element="launch-button"]'),T=document.querySelector('[pulse-animation-element="launch-title"]');console.log("playerHandle:",a),console.log("Player position element:",r);let t=e.timeline({defaults:{ease:"power2.out",duration:1},scrollTrigger:{trigger:o,start:"top bottom",end:"bottom top",scrub:!0,invalidateOnRefresh:!0}});m.length&&e.set(m,{yPercent:32,opacity:1}),s&&e.set(s,{y:0,opacity:1}),u&&e.set(u,{opacity:0}),t.addLabel("start",0),S&&t.fromTo(S,{y:1100},{y:-400,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.1"),R&&t.fromTo(R,{y:680},{y:-400,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.2"),E&&t.fromTo(E,{y:440},{y:-480,ease:"power2.out",duration:1.2,immediateRender:!1},"start+=0.3"),m.length&&t.to(m,{yPercent:-100,opacity:0,ease:"power2.out",duration:1.2,delay:.2,immediateRender:!1},"start+=0.2"),s&&t.to(s,{y:-1200,ease:"power2.out",duration:1,delay:.2,immediateRender:!1},"start+=0.2");let L=[S,R,E].filter(H);L.length&&(t.to(L,{scale:.95,duration:.8,ease:"power2.out",immediateRender:!1},"start+=0.4"),t.to(L,{opacity:0,duration:.2,delay:.2,ease:"power2.out",immediateRender:!1},"start+=0.35")),n.length&&e.set(n,{opacity:0,scale:()=>e.utils.random(.5,.95),y:()=>e.utils.random(40,60)}),r&&e.set(r,{opacity:1,scale:.5}),i&&e.set(i,{scale:.8}),e.set(d,{opacity:0}),l&&e.set(l,{opacity:0,scale:.5}),c&&e.set(c,{height:"auto"}),a&&e.set(a,{rotation:-10}),p&&e.set(p,{rotation:-10}),y&&e.set(y,{scale:.8,opacity:0}),T&&e.set(T,{y:50,opacity:0,scale:.95}),w&&e.set(w,{y:0,opacity:0,scale:.95}),f.length&&e.set(f,{opacity:0}),g&&e.set(g,{opacity:0}),t.addLabel("grid-in","start+=0.5"),n.length&&(t.to(n,{scale:1,y:0,ease:"power2.out",duration:()=>e.utils.random(.4,.8),stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in"),t.to(n,{opacity:1,ease:"power2.out",duration:()=>e.utils.random(.2,.4),stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in")),c&&t.to(c,{height:"100%",ease:"power2.out",duration:.5,immediateRender:!1},"grid-in"),r&&t.to(r,{opacity:1,scale:1,ease:"power2.out",duration:.3,immediateRender:!1},"grid-in"),i&&(t.to(i,{scale:1,ease:"power2.out",duration:.3,immediateRender:!1},"grid-in"),t.to(i,{opacity:1,ease:"power2.out",duration:.1,immediateRender:!1},"grid-in+=0.1")),l&&(t.fromTo(l,{opacity:0},{opacity:1,ease:"power2.out",duration:.2,immediateRender:!1},"grid-in+=0.1"),t.fromTo(l,{scale:.5},{scale:1,ease:"power2.out",duration:.5,immediateRender:!1},"grid-in+=0.2")),t.to(d,{opacity:1,ease:"power2.out",duration:.3,immediateRender:!1},"grid-in+=0.3"),a&&p&&y&&(t.to(y,{opacity:1,scale:1,duration:.1,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),t.to(a,{rotation:30,duration:.5,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),t.to(p,{rotation:30,duration:.5,ease:"power2.out",immediateRender:!1},"grid-in+=0.4")),T&&t.to(T,{y:0,opacity:1,scale:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.35"),w&&t.to(w,{y:0,opacity:1,scale:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.45"),u&&t.to(u,{opacity:1,duration:.1,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),f.length&&t.to(f,{opacity:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),g&&t.to(g,{opacity:1,duration:.2,ease:"power2.out",immediateRender:!1},"grid-in+=0.4"),n.length&&t.to(n,{opacity:.8,ease:"power2.out",duration:.2,stagger:{amount:.1,from:"random"},immediateRender:!1},"grid-in+=0.30")}typeof window<"u"&&(window.addEventListener("DOMContentLoaded",()=>{j()}),window.addEventListener("load",()=>{let e=h();if(!e)return;let o=window.ScrollTrigger||e.ScrollTrigger;o&&o.refresh&&o.refresh()}));})();