https://www.joshwcomeau.com/_next/static/chunks/22533.35dc6239fe21f65a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22533],{22533:(i,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>o});var M=t(29549),I=t(68793),g=t(24299),d=t(19633),l=t.n(d),r=t(48169),a=t(92658),u=t(10120),n=t(66266);let D=i=>{let{engine:e,position:t,angle:M,velocity:g,concentration:d,duration:a,airFriction:D,angularVelocity:s,enableCollisions:c,volatility:A,spread:o}=i,j=I.useMemo(()=>Date.now(),[]);(0,r.A)(()=>{if(!e||Date.now()>j+a)return;let[i,I]=t,[d]=(0,u.XM)(n.A),r={frictionAir:D*d.airFrictionMultiplier,render:{sprite:{xScale:1,yScale:1,texture:d.src}}};c||(r.collisionFilter={category:void 0});let Z=l().Bodies.rectangle(i,I,d.width,d.height,r),b=(0,u.yT)(M-o,M+o),h=Math.random(),y=(0,u.S8)(h,0,1,g-g*A,g+g*A),N=(0,u.S8)(h,0,1,s-s*A,s+s*A),z=(0,u.uz)(b),m=Math.cos(z)*y,w=Math.sin(z)*y;l().Body.setVelocity(Z,{x:m,y:w}),l().Body.setAngularVelocity(Z,N),l().World.add(e.world,[Z])},0===d?null:1e3/d)},s=i=>{(0,r.A)(()=>{i&&l().Composite.allBodies(i.world).forEach(e=>{e.position.y>window.innerHeight&&l().World.remove(i.world,e)})},500)},c=i=>{I.useEffect(()=>{if(!i)return;let e=null,t=null,M=(0,u.nF)(M=>{let{clientX:I,clientY:g}=M,d=[I,g],r=Date.now();if(!t||!e){t=r,e=d;return}let a=d[0]-e[0],u=d[1]-e[1],n=r-t,D=a/n*.5,s=u/n*.5;e=d,t=r,l().Composite.allBodies(i.world).forEach(i=>{let e=Math.sqrt((I-i.position.x)**2+(g-i.position.y)**2);if(e>300)return;let t=1/e;l().Body.applyForce(i,i.position,{x:D*t,y:s*t})})},80);return window.addEventListener("mousemove",M),()=>{window.removeEventListener("mousemove",M)}},[i])},A=(0,g.I)("div")({name:"Wrapper",class:"w1qj19x7",propsAsIs:!1}),o=function(i){let{position:e,enableCollisions:t,airFriction:g,velocity:d,angularVelocity:r,angle:u,spread:n,volatility:o,concentration:j,duration:Z=1/0}

1=i,b=I.useRef(null),[h]=function(i){let[e,t]=I.useState(null),[M,g]=I.useState(null);return I.useEffect(()=>{if(!i.current)return;let e=l().Engine.create(),M=l().Render.create({canvas:i.current,engine:e,options:{width:i.current.width,height:i.current.height,wireframes:!1,background:"transparent"}});l().Runner.run(e),l().Render.run(M),t(e),g(M)},[i]),[e,M]}(b);D({engine:h,position:e,enableCollisions:t,airFriction:g,velocity:d,angularVelocity:r,angle:u,spread:n,volatility:o,concentration:j,duration:Z}),s(h),c(h);let y=(0,a.A)();return(0,M.jsx)(A,{children:(0,M.jsx)("canvas",{ref:b,width:y.width,height:y.height})})};t(2967)},66266:(i,e,t)=>{"use strict";t.d(e,{A:()=>M});let M=[{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCA1MSAxOCIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ3LjQ3MDYg%0D%0AM0wzOC41NzY1IDE0LjExNzZMMjkuNjgyMyAzTDIwLjc4ODIgMTQuMTE3NkwxMS44OTQxIDIuOTk5%0D%0AOTlMMi45OTk5OSAxNC4xMTc2IiBzdHJva2U9IiM5RTNFRkYiIHN0cm9rZS13aWR0aD0iNiIgc3Ry%0D%0Ab2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=",width:51,height:18,airFrictionMultiplier:.75},{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMiAxOCIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBo%0D%0AZWlnaHQ9IjE4IiBmaWxsPSIjNUE3RkZGIi8+Cjwvc3ZnPgo=",width:12,height:18,airFrictionMultiplier:1.2},{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9%0D%0AIjgiIHI9IjgiIGZpbGw9IiNGRjQwMkUiLz4KPC9zdmc+Cg==",width:16,height:16,airFrictionMultiplier:1.15},{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTI5NDIg%0D%0AMThMMTguMzUyOSAzLjE3NjQ1TTMuNTI5NDIgMy4xNzY0NUwxMC45NDEyIDEwLjU4ODJMMTguMzUy%0D%0AOSAxOCIgc3Ryb2tlPSIjRkZFQjMzIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJy%0D%0Ab3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K",width:20,height:20,airFrictionMultiplier:.9},{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTQzOTcg%0D%0AMTcuNDExMUMzLjE4NjY4IDE1LjQ0NzkgMy4zMzIwOSAxMy40MjYxIDMuOTY2NjYgMTEuNTM0MkM0%0D%0ALjYwMTIyIDkuNjQyMzEgNS43MDQzIDcuOTQxNzkgNy4xNzMxNCA2LjU5MTA1QzguNjQxOTggNS4y%0D%0ANDAzMSAxMC40Mjg4IDQuMjgzMyAxMi4zNjcxIDMuODA5MTdDMTQuMzA1NSAzLjMzNTAzIDE2LjMz%0D%0AMjMgMy4zNTkyIDE4LjI1ODggMy44Nzk0MiIgc3Ryb2tlPSIjMzJGRjk4IiBzdHJva2Utd2lkdGg9%0D%0AIjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2%0D%0AZz4K",width:16,height:14,airFrictionMultiplier:1},{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAzMyAxOCIgZmlsbD0ibm9u%0D%0AZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjY4MjQg%0D%0AM0wyMC43ODgzIDE0LjExNzZMMTEuODk0MSAzTDMuMDAwMDIgMTQuMTE3NiIgc3Ryb2tlPSIjRkYy%0D%0AN0ZGIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVq%0D%0Ab2luPSJyb3VuZCIvPgo8L3N2Zz4K",width:33,height:18,airFrictionMultiplier:.8}]},2967:i=>{i.exports={w1qj19x7:"w1qj19x7"}}}]);
2//# sourceMappingURL=22533.35dc6239fe21f65a.js.map