testing wind sound

Author: flokleiser

README.md

@@ -42,7 +42,6 @@ ___
 
     - [x] Night:
         - [x] Cricket(?)
-        - [ ] **Maybe some ambient music to underlay?**
         - [x] one ambient sound that loops: night
 
 #### Visual:

canvas.js

@@ -34,7 +34,7 @@ imageDay.src = "images/test_day.png"
 
 var imageClouds= new Image();
 imageClouds.onload = function() {
-  drawImages(); toggleTitle(); 
+  drawImages(); toggleTitle(); playWind();
 }
 imageClouds.src = "images/test_clouds2.png"
 
@@ -167,6 +167,7 @@ function cloudImage() {
   currentOpacity = 0;
   resetToggles(); 
   drawImages();
+  loadWindSound();
 }
 function dayImage() {
   currentImage = "day";
@@ -288,21 +289,31 @@ window.addEventListener('resize', resizeAllCanvases, false);
 resizeAllCanvases(); 
 }
 
-// function playWind() {
-// }
+function playWind() {
+
 
 // if (startingImage) {
-//   window.onfocus = function () {
-//     if (!enableWindySound) {
-//       // enableWindySound = false;
-//       console.log('wind sound')
-//       loadWindSound();
-//     };
-
-//     window.onblur = function () {
-//       enableWindySound = true;
-//       loadWindSound();
-//       console.log('not focus')
-//     }
-//   }
-// }
+  window.onfocus = function () {
+    if (startingImage) {
+      if (!enableWindySound) {
+        // enableWindySound = false;
+        console.log('wind sound')
+        loadWindSound();
+      };
+    }
+    else { 
+       return;
+    }
+
+    window.onblur = function () {
+      if (startingImage) {
+        enableWindySound = true;
+        loadWindSound();
+        console.log('not focus')
+      }
+      else {
+        return;
+      }
+    }
+  }
+}

effects/bird.js

@@ -259,15 +259,8 @@ function landBird() {
                 birdHeightLanding = -1;
                 birdFlyingRight.src = "images/birdPixelLeft.png"
 
-            // },9000)
             },6000)
         }
-        // setTimeout(function() {
-        //     birdCycleComplete = true;
-        //     console.log
-        //     repeatBirdCycle();
-        // // },10000)
-        // },7000)
 }
 
 function idleBird() {

effects/plane.js

@@ -62,7 +62,10 @@ const yspeed2 = 0.02;
 
 var enablePlane= false;
 // ctxPlane2.globalAlpha = 0.4;
-ctxPlane2.filter = "blur(1px)"
+// ctxPlane2.filter = "blur(1px)"
+// ctxPlane2.filter = "blur(1px)"
+ctxTrailOverlay.filter="blur(2px)"
+ctxTrailOverlay2.filter="blur(2px)"
 
 function togglePlane() {
   enablePlane= !enablePlane
@@ -92,10 +95,10 @@ function togglePlane() {
 function movePlane() {
   if (!enablePlane) return
   ctxPlane.clearRect(0,0,canvasPlane.width, canvasPlane.height);
-  ctxTrail.globalAlpha = 0.4;
+  ctxTrail.globalAlpha = 0.1;
   ctxTrail.clearRect(x - 700, 0, 10, canvasTrail.height);
-  ctxTrailOverlay.clearRect(x-400,0,10,canvasTrailOverlay.height);
-  ctxTrailOverlay.globalAlpha = 0.7;
+  ctxTrailOverlay.clearRect(x-600,0,10,canvasTrailOverlay.height);
+  ctxTrailOverlay.globalAlpha = 0.4;
 
   ctxPlane.drawImage(plane,x, y);
   ctxTrail.drawImage(trail,x,y);
@@ -114,10 +117,10 @@ function movePlane() {
 function movePlane2() {
   if (!enablePlane) return
   ctxPlane2.clearRect(0,0,canvasPlane2.width, canvasPlane2.height);
-  ctxTrail2.globalAlpha = 0.4;
+  ctxTrail2.globalAlpha = 0.1;
   ctxTrail2.clearRect(x2 +(700 + canvasTrail2.width), 0, canvasTrail2.width, canvasTrail2.height);
-  ctxTrailOverlay2.clearRect(x2 +(400 + canvasTrailOverlay2.width),0,canvasTrailOverlay2.width,canvasTrailOverlay2.height);
-  ctxTrailOverlay2.globalAlpha = 0.7;
+  ctxTrailOverlay2.clearRect(x2 +(600 + canvasTrailOverlay2.width),0,canvasTrailOverlay2.width,canvasTrailOverlay2.height);
+  ctxTrailOverlay2.globalAlpha = 0.4;
 
   ctxPlane2.drawImage(plane2,x2,y2);
   ctxTrail2.drawImage(trail2,x2,y2);

effects/sound.js

@@ -130,6 +130,9 @@ function toggleSound() {
         if (enableCricketSound) {
             cricketSound.play();
         }
+        if (enableWindySound) {
+            windySound.play();
+        }
 
 
     }
@@ -148,6 +151,7 @@ function toggleSound() {
         chatterSound.pause();
         nightAmbienceSound.pause();
         cricketSound.pause();
+        windySound.pause();
 
         console.log('sound', enableSound)
     }

effects/windows.js

@@ -86,7 +86,7 @@ function repeatWindows() {
             },9000)
         }
     }
-    if (currentImage === 'fullNight') {
+    else {
         console.log('full night off')
         windowActive = false;
         ctxWindow1.clearRect(0,0,canvasWindow1.width,canvasWindow1.height)