V0 MAKE ONE · IN YOUR BROWSER
Type a prompt.
Get a snippet.

Say what should move. This page matches your words against the 14 recipes the gallery is made from (burst, rise, fall, sweep, trail, settle, lights, jingle, dash, halftone, wipe, pool, fight, meme) and hands you one file to paste into any page: a mount and one module script with only the bricks it uses, its size measured into its own header. By Chris Cooley ↗, MIT.
7.5 KB gz
The live preview plays here.
RECIPE BURST · spray scene · @fzlt/core/kernel + @fzlt/core/fx + @fzlt/core/slot
What matched

Recipe burst sparks
Particle sparks
Colour pink
Input tap
Every word matched.
7,994 Bgzip · the whole snippet
Download
Made “Pink sparks burst where you tap”: 7,994 B gzip.
SNIPPET · paste it where it should play
<!-- Fizlet snippet: "pink sparks burst where you tap"
     7,994 B gzip, this whole file (measured when it was made). Fizlet 0.21.3, recipe burst: @fzlt/core/kernel + @fzlt/core/fx + @fzlt/core/slot.
     By Chris Cooley (https://coded.design). MIT licence: https://github.com/coded-dot-design/fizlet
     Paste it where it should play. It starts near the viewport, never runs under reduced motion,
     sleeps once still, and el.fizlet.slot.destroy() gives the page back exactly. -->
<div data-fizlet="pink-sparks-burst-tap" role="img" aria-label="Pink sparks burst where you tap" style="position:relative;aspect-ratio:16/9;cursor:pointer"></div>
<script type="module">
/*! Fizlet snippet · by Chris Cooley · MIT · https://github.com/coded-dot-design/fizlet */
var se,me=(r,e)=>((se??=e.ownerDocument.createElement("i")).setAttribute("style",r),se.style.cssText),ee=(r,e,t)=>r.x||e.getPropertyValue(t)!==r.l||e.getPropertyPriority(t)!==r.lp,oe=(r,e,t)=>r.o?e.setProperty(t,r.o,r.op):e.removeProperty(t),X=class{t=new Map;m=new Map;a=[];e(e){let t=this.m.get(e);return t||this.m.set(e,t={hs:e.hasAttribute("style"),os:e.getAttribute("style"),hc:e.hasAttribute("class")}),t}text(e,t){let n=this.t.get(e);return n||this.t.set(e,n={o:e.nodeValue,l:e.nodeValue,x:this.z}),n.x||e.nodeValue!==n.l?!(n.x=!0):(n.l!==t&&(e.nodeValue=n.l=t),!0)}style(e,t,n,f=""){let d=this.e(e),g=d.style??=new Map,c=e.style,m=g.get(t);if(!m){let w=c.getPropertyValue(t),v=c.getPropertyPriority(t);g.set(t,m={o:w,l:w,op:v,lp:v,x:this.z})}return ee(m,c,t)?!(m.x=!0):(m.l===n&&m.lp===f||(c.setProperty(t,n,f),m.l=c.getPropertyValue(t),m.lp=c.getPropertyPriority(t)),!0)}unstyle(e,t){let n=this.m.get(e)?.style?.get(t),f=e.style;return n?ee(n,f,t)?!(n.x=!0):(oe(n,f,t),this.m.get(e).style.delete(t),!0):!0}attr(e,t,n){let f=this.e(e).attr??=new Map,d=f.get(t);if(!d){let g=e.getAttribute(t);f.set(t,d={o:g,l:g,x:this.z})}return d.x||e.getAttribute(t)!==d.l?!(d.x=!0):(d.l===n||(n===null?e.removeAttribute(t):e.setAttribute(t,n),d.l=n),!0)}cls(e,t,n){let f=this.e(e).cls??=new Map,d=f.get(t);if(!d){let g=e.classList.contains(t);f.set(t,d={o:g,l:g,x:this.z})}return d.x||e.classList.contains(t)!==d.l?!(d.x=!0):(d.l!==n&&e.classList.toggle(t,d.l=n),!0)}add(e){return this.z?queueMicrotask(()=>e.remove?.()):this.a.push(e),e}restore(e){this.z||=e;for(let t=this.a.length;t--;)this.a[t].remove?.();for(let[t,n]of this.t)!n.x&&t.nodeValue===n.l&&(t.nodeValue=n.o);for(let[t,n]of this.m){n.cls?.forEach((d,g)=>!d.x&&t.classList.contains(g)===d.l&&t.classList.toggle(g,d.o)),n.attr?.forEach((d,g)=>!d.x&&t.getAttribute(g)===d.l&&(d.o===null?t.removeAttribute(g):t.setAttribute(g,d.o)));let f=!0;n.style?.forEach((d,g)=>{let c=t.style;if(ee(d,c,g))return void(f=!1);oe(d,c,g)}),n.style&&f&&n.os!==null&&t.style.cssText===me(n.os,t)&&t.setAttribute("style",n.os),n.style&&!n.hs&&!t.getAttribute("style")&&t.removeAttribute("style"),n.cls&&!n.hc&&t.getAttribute("class")===""&&t.removeAttribute("class")}this.a.length=0,this.t.clear(),this.m.clear()}get size(){let e=this.t.size+this.a.length;return this.m.forEach(t=>e+=(t.style?.size??0)+(t.attr?.size??0)+(t.cls?.size??0)),e}};var pe="(prefers-reduced-motion: reduce)",ge=(r,e=document)=>[...e.querySelectorAll(".ae-slot[data-slot-target]")].find(t=>t.dataset.slotTarget===r)??null;function ie(r,e,t={}){let n=typeof r=="string"?ge(r):r,f=new AbortController,d=new X,g=matchMedia(pe),c=null,m=null,w=0,v=null,i=null;n?.addEventListener("pointerdown",x=>{if(c||g.matches||!x.isPrimary)return;let L=n.getBoundingClientRect();v={x:x.clientX-L.left,y:x.clientY-L.top,at:x.timeStamp},i?i():m&&(M(),k())},{signal:f.signal,capture:!0});function D(){w++,i?.(),c?.destroy(),c=null,d.restore()}async function k(x=0){let L=++w;if(x>0&&!v&&await new Promise(h=>{let A=typeof requestIdleCallback=="function",o=A?requestIdleCallback(()=>i?.(),{timeout:x}):setTimeout(()=>i?.(),1);i=()=>{i=null,A?cancelIdleCallback(o):clearTimeout(o),h()},f.signal.addEventListener("abort",i,{once:!0})}),L!==w)return;let p=await e();if(L!==w||!n||f.signal.aborted||g.matches)return;getComputedStyle(n).position==="static"&&d.style(n,"position","relative");for(let h of n.querySelectorAll(":scope>.ae-slot__placeholder,:scope>.ae-slot__fallback"))d.style(h,"display","none");let y=d.add(document.createElement("div"));y.setAttribute("data-fizlet-slot",n.dataset.slotTarget??""),y.style.cssText="position:absolute;inset:0;contain:strict;overflow:hidden;content-visibility:auto",n.append(y),c=p(y,n,v),v=null,c.accessible?d.attr(n,"role","figure"):y.setAttribute("aria-hidden","true")}function z(){!n||m||c||g.matches||f.signal.aborted||(m=new IntersectionObserver(x=>{x[x.length-1].isIntersecting&&(M(),k(t.idle??1e3))},{rootMargin:t.margin??"200px"}),m.observe(n))}function M(){m?.disconnect(),m=null}return g.addEventListener("change",()=>g.matches?(M(),D()):z(),{signal:f.signal}),z(),{el:n,get mounted(){return!!c},destroy(){f.abort(),M(),D()}}}var be=["finite number","number > 0","positive integer"];function q(r,e,t=0){if(!Number.isFinite(r)||t&&r<=0||t>1&&r%1)throw new RangeError(`fizlet: ${e} must be a ${be[t]} (got ${String(r)})`);return r}var Q=class{cap;size=0;dropped=0;s=[];constructor(e=64){this.cap=q(e,"events capacity",2);for(let t=0;t<e;t++)this.s.push({type:"",a:0,b:0,x:0,y:0,v:0})}emit(e,t=0,n=0,f=0,d=0,g=0){if(this.size===this.cap)return this.dropped++,!1;let c=this.s[this.size++];return c.type=e,c.a=t,c.b=n,c.x=f,c.y=d,c.v=g,!0}at(e){return e<this.size?this.s[e]:void 0}clear(){this.size=0}};var j=class{cap;items=[];f=[];constructor(e,t){this.cap=q(e,"pool cap",2);for(let n=0;n<e;n++)this.f.push(t())}get size(){return this.items.length}acquire(){let e=this.f.pop();return e!==void 0&&this.items.push(e),e}releaseAt(e){let t=this.items,n=t[e];if(n===void 0)return!1;let f=t.pop();return e<t.length&&(t[e]=f),this.f.push(n),!0}release(e){return this.releaseAt(this.items.indexOf(e))}clear(){for(;this.items.length;)this.releaseAt(this.items.length-1)}};function ae(r=1){let e=new Uint32Array(1);e[0]=r;let t=(()=>(e[0]=Math.imul(e[0],1664525)+1013904223,e[0]/4294967296));return Object.defineProperty(t,"state",{get:()=>e[0],set:n=>e[0]=n}),t}var B=[],W=0,he=0,G=0,Y=-1;function ye(r){for(W=0,G=0,Y=B.length;G<Y;G++)try{B[G].frame(r)}catch(e){console.error(e)}Y=-1,te(null,!1)}function te(r,e){let t=B.indexOf(r);e&&t<0&&B.push(r),!e&&t>=0&&(B.splice(t,1),t<Y&&Y--,t<=G&&G--),Y<0&&B.length&&!W&&typeof requestAnimationFrame=="function"&&(he++,W=requestAnimationFrame(ye)),!B.length&&W&&(cancelAnimationFrame(W),W=0)}var Ee=["stopped","hidden","offscreen","editable","reduced-motion","settled"],le={};function ne(r={}){let e=q(r.step??.016666666666666666,"step",1),t=q(r.maxSteps??4,"maxSteps",2),n=r.root??null,f=r.settle==null?0:q(r.settle,"settle",1),d=r.fps==null?0:1e3/q(r.fps,"fps",1)-4,g=new AbortController,c=g.signal,m=[],w=[],v=new Q(r.events??64),i=new X,D=ae(q(r.seed??1,"seed")),k=1,z=0,M=!1,x=!1,L,p=new Float64Array(11);p[1]=-1;let y=(o,l)=>{let a=!k&&!M;if(k=l?k|o:k&~o,k&&(p[1]=-1),te(h,!k&&!M),a&&k&&o!==32)for(let I=0;I<m.length;I++)m[I].pause?.(h)},h={signal:c,events:v,ledger:i,random:D,root:n,timing:p.subarray(9,11),dt:e,get time(){return p[2]},get steps(){return p[4]},get phase(){return z},get live(){let o=0;for(let l=0;l<w.length;l++)o+=w[l][1].size;return o},get running(){return!k&&!M},get paused(){return Ee.filter((o,l)=>k&1<<l)},add(o){return M||m.push(o),o},remove(o){let l=m.indexOf(o);l<0||(z?(m[l]=le,x=!0):m.splice(l,1))},pool(o,l,a){let I=new j(l,a);return w.push([o,I]),I},start(){h.wake(),M||y(1,!1)},busy(o){p[8]=Math.max(p[8],p[2]+(o||0))},wake(){h.busy(),k&32&&y(32,!1)},stop(){y(1,!0)},frame(o){let l=p[1]<0?0:(o-p[1])/1e3;p[1]=o;try{h.advance(l)}catch(a){if(z=0,h.stop(),!r.onError)throw a;r.onError(a,h)}d&&(clearTimeout(L),te(h,!1),L=setTimeout(y,d-p[10],0,!1))},advance(o){if(M)return;q(o,"sec");let l=performance.now();v.clear(),z=1;for(let O=0;O<m.length;O++)m[O].read?.(h);z=2,p[9]=o,o>0&&(p[0]+=o);for(let O=0;p[0]>=e;O++){if(O===t){p[5]+=Math.floor(p[0]/e),p[0]%=e;break}for(let _=0;_<m.length;_++)m[_].step?.(h,e);p[0]-=e,p[2]+=e,p[4]++}z=3;let a=p[0]/e;for(let O=0;O<m.length;O++)m[O].render?.(h,a);if(z=0,x){x=!1;for(let O=m.length;O--;)m[O]===le&&m.splice(O,1)}f&&p[2]-p[8]>=f&&y(32,!0);let I=p[10]=performance.now()-l;p[3]++,p[6]+=I,p[7]=I>p[7]?I:p[7]},stats(){let o={};for(let[a,I]of w)o[a]={used:I.size,cap:I.cap};let l=p[3];return{frames:l,steps:p[4],dropped:p[5],time:p[2],frameMs:{avg:l?p[6]/l:0,max:p[7]},events:{size:v.size,cap:v.cap,dropped:v.dropped},pools:o,ledger:i.size,paused:h.paused}},destroy(){if(!M){M=!0,p[0]=0,clearTimeout(L),y(1,!0),g.abort(),i.restore(!0);for(let[,o]of w)o.clear();m.length=0}}},A=r.pause??{};if(typeof document=="object"){let o={signal:c};if(A.hidden!==!1){let l=()=>y(2,document.visibilityState==="hidden");document.addEventListener("visibilitychange",l,o),addEventListener("pagehide",()=>y(2,!0),o),addEventListener("pageshow",l,o),l()}if(A.offscreen!==!1&&n&&typeof IntersectionObserver=="function"){let l=new IntersectionObserver(a=>y(4,!a[a.length-1].isIntersecting));l.observe(n),c.addEventListener("abort",()=>l.disconnect(),{once:!0})}if(A.editable!==!1){let l=a=>a instanceof HTMLElement&&(a.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(a.tagName))&&!n?.contains(a);document.addEventListener("focusin",a=>y(8,!!l(a.target)),o),document.addEventListener("focusout",()=>y(8,!1),o)}if(A.reducedMotion&&typeof matchMedia=="function"){let l=matchMedia("(prefers-reduced-motion: reduce)");y(16,l.matches),l.addEventListener("change",()=>y(16,l.matches),o)}}return r.signal&&(r.signal.aborted?h.destroy():r.signal.addEventListener("abort",()=>h.destroy(),{signal:c})),h}var $=Math.PI*2,Se=["square","disc","ring","frame","word","smoke","streak"];var ce={shape:"streak",drag:3,gravity:.6,angle:0,spread:6.2832,speed:[160,420],size:[1,2],life:[.2,.5]};var Ae=[1,1,1,2,3],ve=[26,20,14,18,24],we=[.28,.5,.42,.5,.6],Re=[0,1,2,0,3],K=r=>r-r===0;function J(r,e){if(!r)throw new RangeError(`effects: ${e}`)}function ue(r={}){let e=r.cap??420,t=r.colors??["#fff4ff","#ffc21a","#ff8a1f","#ff2e88","#19f0ff","#39ffb0","#9a63ff","#07060f"],n=r.words??["BOOM","KABOOM","WRECKED","DIRECT HIT","BLAM"],f=r.scorch??36;J(Number.isInteger(e)&&e>0,"cap"),J(Number.isInteger(f)&&f>=0,"scorch"),J(t.length<=256&&n.length<=256,"256 colors, words");let d=Array.from({length:9},()=>new Float32Array(e)),[g,c,m,w,v,i,D,k,z]=d,M=new Uint8Array(e),x=new Uint8Array(e),L=new Uint8Array(e),p=new Float32Array(f),y=new Float32Array(f),h=new Float32Array(f),A=new Float32Array(f),o=new Float64Array(6),l=[],a=new Float64Array(5),I=new Float32Array(352);for(let s=0;s<6;s++)I[s*11]=s,I[s*11+1]=s?1.4:2.6;I[2]=1;function O(s,S,u,E,P,F,N,R,b=0,H=0,C=0){let T=a[0];return T>=e||!(K(S)&&K(u)&&K(E)&&K(P)&&K(F)&&N>0&&N<1/0)?(a[3]++,!1):(a[0]=T+1,M[T]=s,g[T]=S,c[T]=u,m[T]=E,w[T]=P,D[T]=F,k[T]=z[T]=N,x[T]=R,v[T]=b,i[T]=H,L[T]=C,!0)}let _=new Uint32Array([Math.random()*4294967296]),U=(s,S)=>(_[0]=Math.imul(_[0],1664525)+1013904223,s+_[0]/4294967296*(S-s)),Z={colors:t,words:n,spawn:O,get live(){return a[0]},get shake(){return a[2]},get dropped(){return a[3]},set gravity(s){K(s)&&(a[4]=s)},raw:{f:d,kind:M,col:x,word:L,st:a,K:I,cap:e,rnd:U},kick(s){K(s)&&(a[2]=Math.min(18,Math.max(0,a[2]+s)))},word(s,S,u,E,P=16){O(4,s,S,U(-14,14),-70,P,.9,E,U(-.18,.18),0,u)},blast(s,S,u=1,E=3){if(!(K(s)&&K(S)&&K(u)&&u>=0))return void a[3]++;let P=u,F=Math.round(10+u*5),N=F+9;for(let R=0;R<N;R++){let b=a[0];if(b>=e){a[3]+=N-R;break}a[0]=b+1;for(let H=0;H<6;H++)o[H]=U(0,1);if(g[b]=s,c[b]=S,m[b]=w[b]=v[b]=i[b]=L[b]=0,R<5)M[b]=Ae[R],D[b]=ve[R]*P,k[b]=z[b]=we[R],x[b]=R===3?E:Re[R],R===2&&(g[b]+=o[0]*12-6,c[b]+=o[1]*12-6),R===4&&(v[b]=.3,i[b]=1.6);else if(R<F+5){let H=R-5,C=H/F*$+o[0]*.4-.2,T=(120+o[1]*180)*P;M[b]=0,m[b]=Math.cos(C)*T,w[b]=Math.sin(C)*T,D[b]=(4+o[2]*5)*P,k[b]=z[b]=.5+o[3]*.4,x[b]=H%5===0?E:H%5,v[b]=o[4]*$,i[b]=o[5]*18-9}else M[b]=5,g[b]+=o[0]*20-10,c[b]+=o[1]*20-10,m[b]=o[2]*40-20,w[b]=o[3]*22-30,D[b]=(12+o[4]*8)*P,k[b]=z[b]=.8+o[5]*.5,x[b]=6}if(f){let R=a[1]%f;p[R]=s,y[R]=S,h[R]=16*P,A[R]=9,a[1]++}a[2]=Math.min(18,a[2]+u*3.5)},step(s){let S=a[0];for(let u=S-1;u>=0;u--){if(k[u]-=s,k[u]<=0){if(S--,u!==S)for(let F of d)F[u]=F[S];M[u]=M[S],x[u]=x[S],L[u]=L[S];continue}let E=M[u]*11,P=I[E+1];w[u]+=a[4]*I[E+2]*s,g[u]+=m[u]*s,c[u]+=w[u]*s,m[u]-=m[u]*P*s,w[u]-=w[u]*P*s,v[u]+=i[u]*s}a[0]=S;for(let u=0;u<f;u++)A[u]>0&&(A[u]-=s);a[2]=Math.max(0,a[2]-s*40)},drawGround(s,S=!1){s.fillStyle=S?"#1b1636":"#000";for(let u=0;u<f;u++)A[u]<=0||(s.globalAlpha=Math.min(1,A[u]/3)*(S?.16:.5),s.beginPath(),s.arc(p[u],y[u],h[u],0,$),s.fill());s.globalAlpha=1},draw(s,S=!1){let u=a[0];for(let E=0,P=0;E<u;E++){let F=k[E]/z[E],N=t[x[E]],R=D[E],b=I[M[E]*11],H=v[E],C=g[E],T=c[E];switch((H||b===4)&&(s.save(),s.translate(C,T),s.rotate(H),C=T=0),b){case 6:{let V=Math.abs(w[E])*.03+R;s.globalAlpha=Math.min(1,F*2),s.fillStyle=N,s.fillRect(C-R/2,T-V,R,V);break}case 0:s.globalAlpha=Math.min(1,F*1.6),s.fillStyle=N,s.fillRect(C-R/2,T-R/2,R,R);break;case 1:case 5:{let V=b===5;s.globalAlpha=V?F*(S?.12:.2):F,s.fillStyle=V?S?"#5d5684":"#2a2150":N,s.beginPath(),s.arc(C,T,R*(V?1.4-F*.6:.6+(1-F)*1.6),0,$),s.fill();break}case 2:case 3:{s.globalAlpha=F,s.strokeStyle=N,s.lineWidth=4*F+1;let V=R*(.5+(1-F)*(b===2?4.2:3));b===2?(s.beginPath(),s.arc(C,T,V,0,$),s.stroke()):s.strokeRect(C-V/2,T-V/2,V,V);break}case 4:s.globalAlpha=Math.min(1,F*2),s.font=l[P=Math.round(R*(1+(1-F)*.3))]??=`900 ${P}px ui-monospace, SFMono-Regular, monospace`,s.textAlign="center",s.lineWidth=5,s.strokeStyle=S?"#fff":"#07060f",s.strokeText(n[L[E]],C,T),s.fillStyle=N,s.fillText(n[L[E]],C,T)}(H||b===4)&&s.restore()}s.globalAlpha=1},clear(){a[0]=a[2]=0,A.fill(0)}};return Z.gravity=r.gravity??0,Z}function fe(r,e){let{f:t,kind:n,col:f,word:d,st:g,K:c,cap:m,rnd:w}=r.raw,v=new Float64Array(6),[i,D,k,z,M,x,L,p,y]=t,h={},A=6;for(;A<32&&c[A*11+9];)A++;for(let o in e){let l=e[o],a=[Se.indexOf(l.shape),l.drag,l.gravity,l.angle,l.spread,...l.speed,...l.size,...l.life];J(A<32&&a[0]>=0&&a.every(K)&&a[9]>0&&a[10]>=a[9],`kind ${o}`),c.set(a,A*11),h[o]=A++}return{ids:h,emit(o,l,a,I,O=0,_=1,U=1,Z=0,s=1){if(!(o>=6&&o<A&&K(l)&&K(a)&&K(U)&&I<1/0))return void g[3]++;let S=o*11+1;for(let u=0;u<I;u++){let E=g[0];if(E>=m){g[3]+=Math.ceil(I-u);break}g[0]=E+1;for(let N=0;N<6;N++)v[N]=w(0,1);let P=c[S+2]+(v[0]-.5)*c[S+3],F=(c[S+4]+v[1]*(c[S+5]-c[S+4]))*U;n[E]=o,i[E]=l,D[E]=a,k[E]=Math.cos(P)*F,z[E]=Math.sin(P)*F,L[E]=(c[S+6]+v[2]*(c[S+7]-c[S+6]))*U,p[E]=y[E]=c[S+8]+v[3]*(c[S+9]-c[S+8]),f[E]=O+(v[4]*_|0),M[E]=x[E]=0,d[E]=Z+(v[5]*s|0)}}}}function Me(r,e,t=null){let n=ne({root:r,fps:30,settle:.5}),f=ue({cap:320,colors:e.colors,scorch:0,gravity:e.gravity,...e.words&&{words:e.words}}),{ids:d,emit:g}=fe(f,{k:e.kind}),c=d.k,m=e.colors.length,w=n.ledger.add(document.createElement("canvas"));w.style.cssText="position:absolute;left:0;top:0;width:100%;height:100%",r.append(w);let v=w.getContext("2d"),i=new Float64Array([0,0,1,0,0,0,-1,-1,1,1,-1,0]),D=e.source==="across",k=e.words?.length??0;t&&(i[6]=t.x,i[7]=t.y);let z=new ResizeObserver(()=>(i[9]=1,n.wake()));z.observe(r),n.signal.addEventListener("abort",()=>z.disconnect(),{once:!0});let M=(y=-1,h=-1)=>(i[6]=y,i[7]=h,i[8]=1,n.wake()),x=y=>{let h=r.getBoundingClientRect();M(y.clientX-h.left,y.clientY-h.top)};r.addEventListener("pointerdown",x,{signal:n.signal}),e.hover&&r.addEventListener("pointerenter",x,{signal:n.signal});let L=(y,h)=>{let A=i[0],o=i[1];if(e.source==="point"){let l=y>=0?y:A/2,a=h>=0?h:o/2;g(c,l,a,e.count,0,m,e.scale),k&&(f.word(l,a,i[11],i[11]%m,34*e.scale),i[11]=(i[11]+1)%k)}else i[3]=e.seconds,i[10]=D?h>=0?h:o*.3:y};function p(){let y=i[0],h=i[1],A=i[2];(w.width!==Math.round(y*A)||w.height!==Math.round(h*A))&&(w.width=Math.round(y*A),w.height=Math.round(h*A),v.setTransform(A,0,0,A,0,0)),v.clearRect(0,0,y,h),f.draw(v),D&&i[3]>0&&(v.fillStyle=e.colors[0],v.fillRect((1-i[3]/e.seconds)*(y+60)-34,i[10]-4*e.scale,8*e.scale,8*e.scale))}return n.add({read(){i[9]&&(i[9]=0,i[0]=r.clientWidth,i[1]=r.clientHeight,i[2]=Math.min(2,devicePixelRatio||1))},step(y,h){if(i[8]&&(i[8]=0,L(i[6],i[7])),e.loop>0&&(i[5]=i[5]+h)>=e.loop&&(i[5]=0,L(-1,-1)),i[3]>0){i[3]=i[3]-h,i[4]=i[4]+e.count*h;let A=Math.floor(i[4]),o=i[0],l=i[10];if(i[4]=i[4]-A,D)for(let a=0;a<A;a++)g(c,(1-i[3]/e.seconds)*(o+60)-30,l+(y.random()-.5)*8*e.scale,1,0,m,e.scale);else for(let a=0;a<A;a++)g(c,l>=0?l+(y.random()-.5)*o*.3:y.random()*o,e.source==="top"?-4:i[1]+4,1,0,m,e.scale)}f.step(h),(f.live>0||i[3]>0||e.loop>0)&&y.busy()},render:()=>p()}),n.start(),{engine:n,play:M,destroy:()=>n.destroy()}}var de=r=>(e,t,n)=>Me(e,r,n);var re=({"id":"pink-sparks-burst-tap","params":{"source":"point","colors":["#ff2e88","#f6f3ff"],"count":70,"seconds":0,"gravity":260,"loop":0,"scale":1.5,"kind":{}}}),xe=de({...re.params,kind:{...ce,...re.params.kind}});for(let r of document.querySelectorAll("[data-fizlet]"))if(r.dataset.fizlet===re.id&&!r.fizlet){let e=r.fizlet={scene:null};e.slot=ie(r,()=>(t,n,f)=>e.scene=xe(t,n,f))}
</script>
Type a prompt.Get a snippet.

What matched

Type a prompt.
Get a snippet.
