<body bgcolor=#223><center>
<div style=font-size:35px><b>โ„ค๐•ซ๐”ฝ๐• - Zuper Zmall Zound Zynth</b></div>
<div style=font-size:20px><i>Example sound effects created and played using ZzFX</i></div>
<div style=max-width:674px>
<div style=font-size:20px>
<input id=volume type=range value=.3 min=0 max=1 step=.01 oninput='zzfxV=volume.value;volumeText.innerHTML=volume.value*100|0'>
Volume <span id=volumeText>30</span> %
</div>

<button onClick=zzfx(...[,,1675,,.06,.24,1,1.82,,,837,.06])>๐Ÿ’ฐ</button>
<button onClick=zzfx(...[,,925,.04,.3,.6,1,.3,,6.27,-184,.09,.17])>๐ŸฅŠ</button>
<button onClick=zzfx(...[,,539,0,.04,.29,1,1.92,,,567,.02,.02,,,,.04])>โœจ</button>
<button onClick=zzfx(...[,,80,.3,.4,.7,2,.1,-0.73,3.42,-430,.09,.17,,,,.19])>๐ŸŒŸ</button>
<button onClick=zzfx(...[,,537,.02,.02,.22,1,1.59,-6.98,4.97])>๐Ÿ’“</button>
<button onClick=zzfx(...[,,528,.01,,.48,,.6,-11.6,,,,.32,4.2])>๐Ÿ’”</button>
<button onClick=zzfx(...[,,20,.04,,.6,,1.31,,,-990,.06,.17,,,.04,.07])>๐Ÿ’–</button>
<button onClick=zzfx(...[,,662,.82,.11,.33,1,0,,-0.2,,,,1.2,,.26,.01])>๐Ÿ‘พ</button>

<button onClick=zzfx(...[1.5,.5,270,,.1,,1,1.5,,,,,,,,.1,.01])>๐ŸŽน</button>
<button onClick=zzfx(...[,,129,.01,,.15,,,,,,,,5])>๐Ÿฅ</button>
<button onClick=zzfx(...[,,333,.01,0,.9,4,1.9,,,,,,.5,,.6])>๐Ÿ’ฅ</button>
<button onClick=zzfx(...[,,418,0,.02,.2,4,1.15,-8.5,,,,,.7,,.1]);>๐Ÿงจ</button>
<button onClick=zzfx(...[,.3,1975,.08,.56,.02,,,-0.4,,-322,.56,.41,,,,.25])>๐Ÿฆ</button>
<button onClick=zzfx(...[,.1,75,.03,.08,.17,1,1.88,7.83,,,,,.4])>๐Ÿฆ˜</button>
<button onClick=zzfx(...[,.9,1306,.8,.08,.02,1,,,,,,.48,,-0.1,.11,.25])>๐Ÿฌ</button>
<button onClick=zzfx(...[,.2,1e3,.02,,.01,2,,18,,475,.01,.01])>๐Ÿ</button>

<button onClick=zzfx(...[2,.8,999,,,,,1.5,,.3,-99,.1,1.63,,,.11,.22])>๐Ÿ””</button>
<button onClick=zzfx(...[,.5,847,.02,.3,.9,1,1.67,,,-294,.04,.13,,,,.1])>๐Ÿ›ฐ๏ธ</button>
<button onClick=zzfx(...[,0,1600,.13,.52,.61,1,1.1,,,,,,.1,,.14])>โ˜Ž๏ธ</button>
<button onClick=zzfx(...[,,224,.02,.02,.08,1,1.7,-13.9,,,,,,6.7])>๐Ÿพ</button>
<button onClick=zzfx(...[,,941,.8,,.8,4,.74,-222,,,,,.8,,1])>๐Ÿš€</button>
<button onClick=zzfx(...[,,172,.8,,.8,1,.76,7.7,3.73,-482,.08,.15,,.14])>๐Ÿ›ธ</button>
<button onClick=zzfx(...[,,448,.01,.1,.3,3,.39,-0.5,,,,,,.2,.1,.08])>๐Ÿ”ซ</button>
<button onClick=zzfx(...[,,150,.05,,.05,,1.3,,,,,,3])>๐ŸŒ๏ธ</button>
 
<button onClick=zzfx(...[,.2,40,.5,,1.5,,11,,,,,,199])>๐ŸŒŠ</button>
<button onClick=zzfx(...[,0,960,,1,.01,,.8,-0.01,,-190,.5,,.05,,,1])>๐Ÿš’</button>
<button onClick=zzfx(...[1.2,0,250,.02,,.15,4,.1,,,,,,,,.01,.01])>๐Ÿš˜</button>
<button onClick=zzfx(...[,,44,.04,.15,.3,4,.8,,,,,,2,,.14,.39])>๐Ÿšš</button>
<button onClick=zzfx(...[.5,,304,.1,.3,,5,.1,-46,,,,,,-165])>โšก</button>
<button onClick=zzfx(...[,,63,,1,,1,1.5,,,,,,,,3.69,.08])>๐Ÿ’ซ</button>
<button onClick=zzfx(...[,,1e3,,,.5,,,,,99,.01,.03])>๐Ÿง—</button>
<button onClick=zzfx(...[,,9220,.01,,,,5,,,,,,9])>๐Ÿงน</button>
  
</div>
<a href=https://zzfx.3d2k.com target=_blank>ZzFX Sound Effect Designer at zzfx.3d2k.com โ˜ฎโ™ฅโ˜ปโŒ</a>
button
{
  height:75px;
  width:75px;
  font-size:40px;
  border:3px solid;
  border-radius: 15px;
  background:#BBB;
}
div { color:#FFF; }
a { color:#5FF; }
a:visited { color:#A5A; }
// ZzFX - Zuper Zmall Zound Zynth - Micro Edition
// MIT License - Copyright 2019 Frank Force
// https://github.com/KilledByAPixel/ZzFX
'use strict';let zzfx,zzfxV,zzfxX

// ZzFXMicro - Zuper Zmall Zound Zynth 
zzfxV=.3 // volume
zzfx=    // play sound
(t=1,a=.05,n=220,e=0,f=0,h=.1,M=0,r=1,z=0,o=0,i=0,s=0,u=0,x=0,c=0,d=0,X=0,b=1,m=0,l=44100,B=99+e*l,C=f*l,P=h*l,g=m*l,w=X*l,A=2*Math.PI,D=(t=>0<t?1:-1),I=B+g+C+P+w,S=(z*=500*A/l**2),V=(n*=(1+2*a*Math.random()-a)*A/l),j=D(c)*A/4,k=0,p=0,q=0,v=0,y=0,E=0,F=1,G=[],H=zzfxX.createBufferSource(),J=zzfxX.createBuffer(1,I,l))=>{for(H.connect(zzfxX.destination);q<I;G[q++]=E)++y>100*d&&(y=0,E=k*n*Math.sin(p*c*A/l-j),E=D(E=M?1<M?2<M?3<M?Math.sin((E%A)**3):Math.max(Math.min(Math.tan(E),1),-1):1-(2*E/A%2+2)%2:1-4*Math.abs(Math.round(E/A)-E/A):Math.sin(E))*Math.abs(E)**r*t*zzfxV*(q<B?q/B:q<B+g?1-(q-B)/g*(1-b):q<B+g+C?b:q<I-w?(I-q-w)/P*b:0),E=w?E/2+(w>q?0:(q<I-w?1:(q-I)/w)*G[q-w|0]/2):E),k+=1-x+1e9*(Math.sin(q)+1)%2*x,p+=1-x+1e9*(Math.sin(q)**2+1)%2*x,n+=z+=500*o*A/l**3,F&&++F>s*l&&(n+=i*A/l,V+=i*A/l,F=0),u&&++v>u*l&&(n=V,z=S,v=1,F=F||1);return J.getChannelData(0).set(G),H.buffer=J,H.start(),H}

// fix compatibility issues with old web audio (optional)
zzfxX=new(window.AudioContext||webkitAudioContext);zzfxX.Z=zzfxX.createBufferSource;zzfxX.createBufferSource=(s=zzfxX.Z())=>(s.start=s.start||(t=>zzfxX.noteOn(t)),s.stop=s.stop||(t=>zzfxX.noteOff(t)),s)
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.