diff --git a/index.html b/index.html
new file mode 100644
index 0000000..dba8ac8
--- /dev/null
+++ b/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+ uuuu
+
+
+
+
+
+
+
+
+
diff --git a/public/uuu.js b/public/uuu.js
new file mode 100644
index 0000000..6f425c2
--- /dev/null
+++ b/public/uuu.js
@@ -0,0 +1,62 @@
+const WIDTH = window.innerWidth
+const HEIGHT = window.innerHeight
+
+const canvas = document.querySelector("#draw")
+const canvasContext = canvas.getContext("2d")
+canvas.width = WIDTH
+canvas.height = HEIGHT
+
+const audioContext = new AudioContext()
+const oscillator = audioContext.createOscillator()
+const gainNode = audioContext.createGain()
+
+
+oscillator.connect(gainNode)
+
+
+const maxFreq = 6000
+const maxVol = 0.2
+const initialVol = 0.001
+
+oscillator.start(0)
+oscillator.detune.value = 100
+
+oscillator.addEventListener('end', () => {
+ console.log("Your tone has stopped")
+})
+
+gainNode.gain.value = initialVol
+gainNode.gain.minValue = initialVol
+gainNode.gain.maxValue = initialVol
+
+let pressed = false
+let cursorX
+let cursorY
+
+
+document.addEventListener("mousedown", ()=>{
+ pressed = true
+ gainNode.connect(audioContext.destination)
+})
+
+document.addEventListener("mouseup", ()=>{
+ pressed = false
+ gainNode.disconnect(audioContext.destination)
+})
+
+document.addEventListener("mousemove", (e)=>{
+
+ cursorX = e.pageX;
+ cursorY = e.pageY;
+
+ oscillator.frequency.value = (cursorX/WIDTH) * maxFreq;
+ gainNode.gain.value = (cursorY/HEIGHT) * maxVol;
+
+
+ if (pressed) {
+ canvasContext.fillRect(cursorX, cursorY, 5,5)
+ canvasContext.fillStyle = "rgb(0,0,0)"
+ }
+})
+
+