better lower res

Author: mige

examples/lowResolution/lowResolution.html

@@ -18,17 +18,26 @@
         control
     } from "../../external/og/lib/og.es.js";
 
-    let osm = new OpenStreetMap();
+    let osm = new OpenStreetMap("OSM", {
+        textureFilter: "linear",
+    });
 
-    let sat = new Bing()
+    let sat = new Bing("Bing", {
+        textureFilter: "linear"
+    })
 
     let globus = new Globe({
         target: "globus",
         name: "Earth",
-        terrain: new GlobusRgbTerrain(),
+        terrain: new GlobusRgbTerrain("LowResTerrain", {
+            //decreased x2 grid resolution
+            gridSizeByZoom:[64, 32, 16, 8, 8, 8, 16, 16, 16, 16, 16, 32, 32, 32, 32, 32, 32, 32, 16, 16, 8, 8]
+        }),
         layers: [osm, sat],
         resourcesSrc: "../../external/og/lib/res",
-        fontsSrc: "../../external/og/lib/res/fonts"
+        fontsSrc: "../../external/og/lib/res/fonts",
+        // Disable fading effect
+        transitionOpacityEnabled: false,
     });
 
     globus.planet.addControls([
@@ -37,8 +46,9 @@
         new control.TimelineControl()
     ]);
 
-    globus.planet.setLodSize(306, 512);
-    globus.planet.renderer.handler.pixelRatio = 0.87;
+    // Lower graphics quality
+    globus.planet.setLodSize(356, 562);
+    globus.planet.renderer.handler.pixelRatio = 0.77;
 
 </script>
 </body>