try saving power by only drawing when we are actually visible

diff --git a/js/map.js b/js/map.js
index b3ddc11cc6343346db25cf5df3edc83b7d17d081..ffafab4f8dfd768837f8ea67446851ce9336e5e2 100644 (file)
--- a/js/map.js
+++ b/js/map.js
@@ -129,6 +129,8 @@ function loadPrefs(aEvent) {
 
       document.getElementById("body").addEventListener("keydown", mapEvHandler, false);
 
 
       document.getElementById("body").addEventListener("keydown", mapEvHandler, false);
 

+      document.addEventListener("visibilitychange", visibilityEvHandler, false);
+

       console.log("Events added.");
       document.getElementById("copyright").innerHTML =
           gMapStyles[gMap.activeMap].copyright;
       console.log("Events added.");
       document.getElementById("copyright").innerHTML =
           gMapStyles[gMap.activeMap].copyright;


@@ -377,7 +379,9 @@ var gMap = {
               var imgObj = new Image();
               imgObj.onload = function() {
                 gMap.loadImageToTexture(imgObj, aTileKey);
               var imgObj = new Image();
               imgObj.onload = function() {
                 gMap.loadImageToTexture(imgObj, aTileKey);

-                window.requestAnimationFrame(function(aTimestamp) { gMap.drawGL() });
+                if (document.hidden != true) { // Only draw if we're actually visible.
+                  window.requestAnimationFrame(function(aTimestamp) { gMap.drawGL() });
+                }

                 URL.revokeObjectURL(imgURL);
               }
               imgObj.src = imgURL;
                 URL.revokeObjectURL(imgURL);
               }
               imgObj.src = imgURL;


@@ -386,7 +390,9 @@ var gMap = {
         }
       }
     }
         }
       }
     }

-    window.requestAnimationFrame(function(aTimestamp) { gMap.drawGL() });
+    if (document.hidden != true) { // Only draw if we're actually visible.
+      window.requestAnimationFrame(function(aTimestamp) { gMap.drawGL() });
+    }

   },
 
   drawGL: function() {
   },
 
   drawGL: function() {


@@ -645,13 +651,15 @@ function decodeIndex(encodedIdx) {
 }
 
 function drawTrack() {
 }
 
 function drawTrack() {

-  gLastDrawnPoint = null;
-  gCurPosMapCache = undefined;
-  gTrackContext.clearRect(0, 0, gTrackCanvas.width, gTrackCanvas.height);
-  if (gTrack.length) {
-    for (var i = 0; i < gTrack.length; i++) {
-      drawTrackPoint(gTrack[i].coords.latitude, gTrack[i].coords.longitude,
-                     (i + 1 >= gTrack.length));
+  if (document.hidden != true) { // Only draw if we're actually visible.
+    gLastDrawnPoint = null;
+    gCurPosMapCache = undefined;
+    gTrackContext.clearRect(0, 0, gTrackCanvas.width, gTrackCanvas.height);
+    if (gTrack.length) {
+      for (var i = 0; i < gTrack.length; i++) {
+        drawTrackPoint(gTrack[i].coords.latitude, gTrack[i].coords.longitude,
+                      (i + 1 >= gTrack.length));
+      }

     }
   }
 }
     }
   }
 }


@@ -960,6 +968,15 @@ var mapEvHandler = {
   }
 };
 
   }
 };
 

+function visibilityEvHandler() {
+  // Immediately draw if we just got visible.
+  if (document.hidden != true) {
+    gMap.draw();
+  }
+  // No need to handle the event where we become invisible as we care only draw
+  // when we are visible anyhow.
+}
+

 var geofake = {
   tracking: false,
   lastPos: {x: undefined, y: undefined},
 var geofake = {
   tracking: false,
   lastPos: {x: undefined, y: undefined},

diff --git a/manifest.appcache b/manifest.appcache
index 02b8be8214b40b149b0d82a2db30102ea20d7069..37528eb17c1db094d9c6cba328a6501337a8eb4b 100644 (file)
--- a/manifest.appcache
+++ b/manifest.appcache
@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
 CACHE MANIFEST
 

-# 2014-08-17
+# 2014-09-11

 index.html
 manifest.webapp
 js/map.js
 index.html
 manifest.webapp
 js/map.js