danydodson/index.html

## index.html
<body style="background-color: #223">

  <div style="font-size:45px"><b>ℤ𝕫𝔽𝕏 - Zuper Zmall Zound Zynth</b></div>

  <div style="font-size:20px"><i>A tiny tool for creating and playing sound effects with JavaScript</i></div>

  <div style="max-width:799px">
    <div style="font-size:20px">
      <input id="volume" type="range" min=0 max=1 step=.01
        oninput="zzfxV=volume.value;volumeText.innerHTML=volume.value*100|0"></input>
      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(...[,,190,.03,.4,.9,,.76,1.56,,219,.01,.06,.1,,,.14])>🌟</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(...[,,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(...[,,662,.82,.11,.33,1,0,,-0.2,,,,1.2,,.26,.01])>👾</button>
    <button onClick=zzfx(...[2,.8,999,,,,,1.5,,.3,-99,.1,1.63,,,.11,.22])>🔔</button>
    <button onClick=zzfx(...[,.3,1975,.08,.56,.02,,,-0.4,,-322,.56,.41,,,,.25])>🐦</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(...[1.5,.8,270,,.1,,1,1.5,,,,,,,,.1,.01])>🎹</button>
    <button onClick=zzfx(...[,,518,,.07,.19,1,.31,5.14])>🦘</button>
    <button onClick=zzfx(...[,,224,.02,.02,.08,1,1.7,-13.9,,,,,,6.7])>🍾</button>
    <button onClick=zzfx(...[,,129,.01,,.15,,,,,,,,5])>🥁</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(...[,,941,.8,,.8,4,.74,-222,,,,,.8,,1])>🚀</button>
  </div>

  <a href=https://zzfx.3d2k.com target=_blank>ZzFX Sound Effect Designer at zzfx.3d2k.com ☮♥☻␌</a>

## playground.json
{
  "scripts": [],
  "styles": []
}

## script.ts
// ZzFXMicro - Zuper Zmall Zound Zynth - v1.1.7 ~ 900 bytes minified
zzfxV=.3 // volume
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)=>{let
M=Math,R=44100,d=2*M.PI,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,x,h;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;for(h=e+m+
r+t+c|0;a<h;k[a++]=f)++J%(100*F|0)||(f=q?1<q?2<q?3<q?M.sin((g%d)**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):M.sin(g),f=(l?1-B+B*M.sin(d*a/l):1)*(0<f?1:
-1)*M.abs(f)**D*p*zzfxV*(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):f),x=(b+=u+=y)*M.cos(A*H++),g+=x-x*E*(1-1E9*(M.sin(a)
+1)%2),n&&++n>z&&(b+=v,C+=v,n=0),!l||++I%l||(b=C,u=G,n=n||1);p=zzfxX.createBuffer(1,h,R);p.
getChannelData(0).set(k);b=zzfxX.createBufferSource();b.buffer=p;b.connect(zzfxX.destination
);b.start();return b};zzfxX=new(window.AudioContext||webkitAudioContext) // audio context

## style.scss
button {
  height: 50px;
  width: 50px;
  font-size: 25px;
  border: 2px solid;
  border-radius: 10px;
  background: #bbb;
}

div {
  color: #fff;
}

a {
  color: #5ff;
}

a:visited {
  color: #a5a;
}
	<body style="background-color: #223">

	<div style="font-size:45px"><b>ℤ𝕫𝔽𝕏 - Zuper Zmall Zound Zynth</b></div>

	<div style="font-size:20px"><i>A tiny tool for creating and playing sound effects with JavaScript</i></div>

	<div style="max-width:799px">
	<div style="font-size:20px">
	<input id="volume" type="range" min=0 max=1 step=.01
	oninput="zzfxV=volume.value;volumeText.innerHTML=volume.value*100\|0"></input>
	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(...[,,190,.03,.4,.9,,.76,1.56,,219,.01,.06,.1,,,.14])>🌟</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(...[,,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(...[,,662,.82,.11,.33,1,0,,-0.2,,,,1.2,,.26,.01])>👾</button>
	<button onClick=zzfx(...[2,.8,999,,,,,1.5,,.3,-99,.1,1.63,,,.11,.22])>🔔</button>
	<button onClick=zzfx(...[,.3,1975,.08,.56,.02,,,-0.4,,-322,.56,.41,,,,.25])>🐦</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(...[1.5,.8,270,,.1,,1,1.5,,,,,,,,.1,.01])>🎹</button>
	<button onClick=zzfx(...[,,518,,.07,.19,1,.31,5.14])>🦘</button>
	<button onClick=zzfx(...[,,224,.02,.02,.08,1,1.7,-13.9,,,,,,6.7])>🍾</button>
	<button onClick=zzfx(...[,,129,.01,,.15,,,,,,,,5])>🥁</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(...[,,941,.8,,.8,4,.74,-222,,,,,.8,,1])>🚀</button>
	</div>

	<a href=https://zzfx.3d2k.com target=_blank>ZzFX Sound Effect Designer at zzfx.3d2k.com ☮♥☻␌</a>
	// ZzFXMicro - Zuper Zmall Zound Zynth - v1.1.7 ~ 900 bytes minified
	zzfxV=.3 // volume
	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)=>{let
	M=Math,R=44100,d=2M.PI,G=u=500d/R/R,C=b=(1-k+2kM.random(k=[]))*d/R,g=0,H=0,a=0,n=1,I=0
	,J=0,f=0,x,h;e=Re+9;m=R;r=R;t=R;c=R;y=500d/R3;A=d/R;v=d/R;z=R;l=R*l\|0;for(h=e+m+
	r+t+c\|0;a<h;k[a++]=f)++J%(100F\|0)\|\|(f=q?1<q?2<q?3<q?M.sin((g%d)*3):M.max(M.min(M.tan(g),1)
	,-1):1-(2g/d%2+2)%2:1-4M.abs(M.round(g/d)-g/d):M.sin(g),f=(l?1-B+BM.sin(da/l):1)*(0<f?1:
	-1)M.abs(f)DpzzfxV(a<e?a/e:a<e+m?1-(a-e)/m(1-w):a<e+m+r?w:a<h-c?(h-a-c)/tw:0),f=c?f/
	2+(c>a?0:(a<h-c?1:(h-a)/c)k[a-c\|0]/2):f),x=(b+=u+=y)M.cos(AH++),g+=x-xE(1-1E9(M.sin(a)
	+1)%2),n&&++n>z&&(b+=v,C+=v,n=0),!l\|\|++I%l\|\|(b=C,u=G,n=n\|\|1);p=zzfxX.createBuffer(1,h,R);p.
	getChannelData(0).set(k);b=zzfxX.createBufferSource();b.buffer=p;b.connect(zzfxX.destination
	);b.start();return b};zzfxX=new(window.AudioContext\|\|webkitAudioContext) // audio context
	button {
	height: 50px;
	width: 50px;
	font-size: 25px;
	border: 2px solid;
	border-radius: 10px;
	background: #bbb;
	}

	div {
	color: #fff;
	}

	a {
	color: #5ff;
	}

	a:visited {
	color: #a5a;
	}