<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.5,0,250,.02,.02,.2,2,2,,,,,.02,,,.02,.01,,,.1])>๐Ÿš˜</button>
<button onClick=zzfx(...[,,25,.05,.3,.5,3,9,-0.01,,,,,,13,.1,.2])>๐Ÿšš</button>
<button onClick=zzfx(...[,,471,,.09,.47,4,1.06,-6.7,,,,,.9,61,.1,,.82,.09,.13])>โšก</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>

<button onClick=zzfx(...[,,520,.01,.03,.08,1,.8,7,,244,.08,.2,,28,,,.82,.04,.5,-1442])>๐Ÿท</button>
<button onClick=zzfx(...[1.99,,330,.01,.04,.04,,.8,,-2,27,.06,,,,,.1,.52,.03,.1,-1662])>๐Ÿ“Ÿ</button>
<button onClick=zzfx(...[2.55,,157,.09,.29,.15,1,4.2,-7,2,,,.09,,,,,.51,.28,.41,396])>๐Ÿฆ†</button>
<button onClick=zzfx(...[5,,394,.01,.06,.13,,1.23,-35,,5,.2,.05,,,,.12,.91,.19,,1273])>๐Ÿฆ—</button>
<button onClick=zzfx(...[7,,15,.1,.01,.04,,.45,,,,,,,,,,.91,.01,,332])>๐Ÿธ</button>
<button onClick=zzfx(...[4.71,,97,.04,.11,.26,1,.28,,-4.2,-94,.08,.04,.1,,,.16,.6,.21,,1291])>๐Ÿ•น๏ธ</button>
<button onClick=zzfx(...[1.61,.4,90,,.09,.1,1,.63,,,,,,,,,.02,.5,.04,,-165])>๐ŸŽธ</button>
<button onClick=zzfx(...[,,60,.05,,.06,3,.64,2,-24,,,,,,,.01]); // zip>๐Ÿค</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; }
'use strict';
let // ZzFXMicro - Zuper Zmall Zound Zynth - v1.3.2 by Frank Force
zzfxV=.3,               // volume
zzfxX=new AudioContext, // audio context
zzfx=                   // play sound
(p=1,k=.05,b=220,e=0,r=0,t=.1,q=0,D=1,u=0,y=0,v=0,z=0,l=0,E=0,A=0,F=0,c=0,w=1,m=0,B=0
,N=0)=>{let M=Math,d=2*M.PI,R=44100,G=u*=500*d/R/R,C=b*=(1-k+2*k*M.random(k=[]))*d/R,
g=0,H=0,a=0,n=1,I=0,J=0,f=0,h=N<0?-1:1,x=d*h*N*2/R,L=M.cos(x),Z=M.sin,K=Z(x)/4,O=1+K,
X=-2*L/O,Y=(1-K)/O,P=(1+h*L)/2/O,Q=-(h+L)/O,S=P,T=0,U=0,V=0,W=0;e=R*e+9;m*=R;r*=R;t*=
R;c*=R;y*=500*d/R**3;A*=d/R;v*=d/R;z*=R;l=R*l|0;p*=zzfxV;for(h=e+m+r+t+c|0;a<h;k[a++]
=f*p)++J%(100*F|0)||(f=q?1<q?2<q?3<q?4<q?(g/d%1<D/2)*2-1:Z(g**3):M.max(M.min(M.tan(g)
,1),-1):1-(2*g/d%2+2)%2:1-4*M.abs(M.round(g/d)-g/d):Z(g),f=(l?1-B+B*Z(d*a/l):1)*(4<q?
s:(f<0?-1:1)*M.abs(f)**D)*(a<e?a/e:a<e+m?1-(a-e)/m*(1-w):a<e+m+r?w:a<h-c?(h-a-c)/t*w:
0),f=c?f/2+(c>a?0:(a<h-c?1:(h-a)/c)*k[a-c|0]/2/p):f,N?f=W=S*T+Q*(T=U)+P*(U=f)-Y*V-X*(
V=W):0),x=(b+=u+=y)*M.cos(A*H++),g+=x+x*E*Z(a**5),n&&++n>z&&(b+=v,C+=v,n=0),!l||++I%l
||(b=C,u=G,n=n||1);X=zzfxX,p=X.createBuffer(1,h,R);p.getChannelData(0).set(k);b=X.
createBufferSource();b.buffer=p;b.connect(X.destination);b.start()}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.