From cd43c55b12423f7bd14ae59cd61995db18c8e993 Mon Sep 17 00:00:00 2001
From: Yuvraj Darwani <44190710+pulsingcoder@users.noreply.github.com>
Date: Sat, 13 Jun 2020 16:40:17 +0530
Subject: [PATCH] Sounds

---
 index.html | 44 ++++++++++++++++++--------------------------
 1 file changed, 18 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 0c32b9a..1426661 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
  <script src="three.min.js"></script>
  <script src='THREEx.KeyboardState.js'></script>
 <script>
-    var temp;
+  var temp;
     var value = {}
    // value.x = document.getElementsByTagName("circle")[3].getAttribute("cx")
     var t1 = anime.timeline({
@@ -55,17 +55,8 @@
   autoplay: false,
   duration: 4000
 });
-   var scene = new THREE.Scene();
-var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 );
-scene.background = new THREE.Color( 0xFFFFFF);
-var renderer = new THREE.WebGLRenderer();
-renderer.setSize( window.innerWidth, window.innerHeight );
-document.body.appendChild( renderer.domElement );
-
-
-var keyboard = new THREEx.KeyboardState();
+  
 
-camera.position.z = 5;
 document.addEventListener("keydown", onDocumentKeyDown, false);
 function onDocumentKeyDown(event) {
     var keyCode = event.which;
@@ -85,26 +76,27 @@
     } else if (keyCode == 32) {
        
     }
-    animate();
-};
-
-var animate = function () {
-    requestAnimationFrame( animate );
-    console.log(keyboard.pressed('w'));
     
-	//cube.rotation.x += 0.01;
-//	cube.rotation.y += 0.01;
-
-	renderer.render( scene, camera );
 };
-
-animate();
-
-
+function sound(src) {
+    this.sound = document.createElement("audio");
+    this.sound.src = src;
+    this.sound.setAttribute("preload", "auto");
+    this.sound.setAttribute("controls", "none");
+    this.sound.style.display = "none";
+    document.body.appendChild(this.sound);
+    this.play = function(){
+        this.sound.play();
+    }
+    this.stop = function(){
+        this.sound.pause();
+    }    
+}
 
 function myFunction() {
    
-  
+  myMusic = new sound("Drip.wav");
+  myMusic.play();
 
 value.x =+ document.getElementsByTagName("circle")[3].getAttribute("cx"); 
 console.log("valye is " + value.x);