Add demo showing tile seams issue on M2 macs + chrome + webgl

* We had this bug that caused us to upgrade to OpenSeadragon 5, but discovered this tile seams issue still appears somewhat intermittently on M2 Macs running Mac OSX Sequoia * I've gone ahead and demonstrated a simplified version of our TileSource implementation for our own internal file format. Note that this file format outlines a sequence of tiles as JPGs with no overlap, and so we set our tile overlap to zero
2024-11-21 20:56:09 +03:00 · 2024-11-14 16:16:15 +00:00 · 2024-11-14 16:16:15 +00:00 · fefe77f263
commit fefe77f263
parent e1e0ec6b24
67 changed files with 43 additions and 0 deletions
--- a/test/data/guppytiles/3/0_0.jpg
+++ b/test/data/guppytiles/3/0_0.jpg
--- a/test/data/guppytiles/3/0_1.jpg
+++ b/test/data/guppytiles/3/0_1.jpg
--- a/test/data/guppytiles/3/0_2.jpg
+++ b/test/data/guppytiles/3/0_2.jpg
--- a/test/data/guppytiles/3/0_3.jpg
+++ b/test/data/guppytiles/3/0_3.jpg
--- a/test/data/guppytiles/3/0_4.jpg
+++ b/test/data/guppytiles/3/0_4.jpg
--- a/test/data/guppytiles/3/0_5.jpg
+++ b/test/data/guppytiles/3/0_5.jpg
--- a/test/data/guppytiles/3/10_0.jpg
+++ b/test/data/guppytiles/3/10_0.jpg
--- a/test/data/guppytiles/3/10_1.jpg
+++ b/test/data/guppytiles/3/10_1.jpg
--- a/test/data/guppytiles/3/10_2.jpg
+++ b/test/data/guppytiles/3/10_2.jpg
--- a/test/data/guppytiles/3/10_3.jpg
+++ b/test/data/guppytiles/3/10_3.jpg
--- a/test/data/guppytiles/3/10_4.jpg
+++ b/test/data/guppytiles/3/10_4.jpg
--- a/test/data/guppytiles/3/10_5.jpg
+++ b/test/data/guppytiles/3/10_5.jpg
--- a/test/data/guppytiles/3/1_0.jpg
+++ b/test/data/guppytiles/3/1_0.jpg
--- a/test/data/guppytiles/3/1_1.jpg
+++ b/test/data/guppytiles/3/1_1.jpg
--- a/test/data/guppytiles/3/1_2.jpg
+++ b/test/data/guppytiles/3/1_2.jpg
--- a/test/data/guppytiles/3/1_3.jpg
+++ b/test/data/guppytiles/3/1_3.jpg
--- a/test/data/guppytiles/3/1_4.jpg
+++ b/test/data/guppytiles/3/1_4.jpg
--- a/test/data/guppytiles/3/1_5.jpg
+++ b/test/data/guppytiles/3/1_5.jpg
--- a/test/data/guppytiles/3/2_0.jpg
+++ b/test/data/guppytiles/3/2_0.jpg
--- a/test/data/guppytiles/3/2_1.jpg
+++ b/test/data/guppytiles/3/2_1.jpg
--- a/test/data/guppytiles/3/2_2.jpg
+++ b/test/data/guppytiles/3/2_2.jpg
--- a/test/data/guppytiles/3/2_3.jpg
+++ b/test/data/guppytiles/3/2_3.jpg
--- a/test/data/guppytiles/3/2_4.jpg
+++ b/test/data/guppytiles/3/2_4.jpg
--- a/test/data/guppytiles/3/2_5.jpg
+++ b/test/data/guppytiles/3/2_5.jpg
--- a/test/data/guppytiles/3/3_0.jpg
+++ b/test/data/guppytiles/3/3_0.jpg
--- a/test/data/guppytiles/3/3_1.jpg
+++ b/test/data/guppytiles/3/3_1.jpg
--- a/test/data/guppytiles/3/3_2.jpg
+++ b/test/data/guppytiles/3/3_2.jpg
--- a/test/data/guppytiles/3/3_3.jpg
+++ b/test/data/guppytiles/3/3_3.jpg
--- a/test/data/guppytiles/3/3_4.jpg
+++ b/test/data/guppytiles/3/3_4.jpg
--- a/test/data/guppytiles/3/3_5.jpg
+++ b/test/data/guppytiles/3/3_5.jpg
--- a/test/data/guppytiles/3/4_0.jpg
+++ b/test/data/guppytiles/3/4_0.jpg
--- a/test/data/guppytiles/3/4_1.jpg
+++ b/test/data/guppytiles/3/4_1.jpg
--- a/test/data/guppytiles/3/4_2.jpg
+++ b/test/data/guppytiles/3/4_2.jpg
--- a/test/data/guppytiles/3/4_3.jpg
+++ b/test/data/guppytiles/3/4_3.jpg
--- a/test/data/guppytiles/3/4_4.jpg
+++ b/test/data/guppytiles/3/4_4.jpg
--- a/test/data/guppytiles/3/4_5.jpg
+++ b/test/data/guppytiles/3/4_5.jpg
--- a/test/data/guppytiles/3/5_0.jpg
+++ b/test/data/guppytiles/3/5_0.jpg
--- a/test/data/guppytiles/3/5_1.jpg
+++ b/test/data/guppytiles/3/5_1.jpg
--- a/test/data/guppytiles/3/5_2.jpg
+++ b/test/data/guppytiles/3/5_2.jpg
--- a/test/data/guppytiles/3/5_3.jpg
+++ b/test/data/guppytiles/3/5_3.jpg
--- a/test/data/guppytiles/3/5_4.jpg
+++ b/test/data/guppytiles/3/5_4.jpg
--- a/test/data/guppytiles/3/5_5.jpg
+++ b/test/data/guppytiles/3/5_5.jpg
--- a/test/data/guppytiles/3/6_0.jpg
+++ b/test/data/guppytiles/3/6_0.jpg
--- a/test/data/guppytiles/3/6_1.jpg
+++ b/test/data/guppytiles/3/6_1.jpg
--- a/test/data/guppytiles/3/6_2.jpg
+++ b/test/data/guppytiles/3/6_2.jpg
--- a/test/data/guppytiles/3/6_3.jpg
+++ b/test/data/guppytiles/3/6_3.jpg
--- a/test/data/guppytiles/3/6_4.jpg
+++ b/test/data/guppytiles/3/6_4.jpg
--- a/test/data/guppytiles/3/6_5.jpg
+++ b/test/data/guppytiles/3/6_5.jpg
--- a/test/data/guppytiles/3/7_0.jpg
+++ b/test/data/guppytiles/3/7_0.jpg
--- a/test/data/guppytiles/3/7_1.jpg
+++ b/test/data/guppytiles/3/7_1.jpg
--- a/test/data/guppytiles/3/7_2.jpg
+++ b/test/data/guppytiles/3/7_2.jpg
--- a/test/data/guppytiles/3/7_3.jpg
+++ b/test/data/guppytiles/3/7_3.jpg
--- a/test/data/guppytiles/3/7_4.jpg
+++ b/test/data/guppytiles/3/7_4.jpg
--- a/test/data/guppytiles/3/7_5.jpg
+++ b/test/data/guppytiles/3/7_5.jpg
--- a/test/data/guppytiles/3/8_0.jpg
+++ b/test/data/guppytiles/3/8_0.jpg
--- a/test/data/guppytiles/3/8_1.jpg
+++ b/test/data/guppytiles/3/8_1.jpg
--- a/test/data/guppytiles/3/8_2.jpg
+++ b/test/data/guppytiles/3/8_2.jpg
--- a/test/data/guppytiles/3/8_3.jpg
+++ b/test/data/guppytiles/3/8_3.jpg
--- a/test/data/guppytiles/3/8_4.jpg
+++ b/test/data/guppytiles/3/8_4.jpg
--- a/test/data/guppytiles/3/8_5.jpg
+++ b/test/data/guppytiles/3/8_5.jpg
--- a/test/data/guppytiles/3/9_0.jpg
+++ b/test/data/guppytiles/3/9_0.jpg
--- a/test/data/guppytiles/3/9_1.jpg
+++ b/test/data/guppytiles/3/9_1.jpg
--- a/test/data/guppytiles/3/9_2.jpg
+++ b/test/data/guppytiles/3/9_2.jpg
--- a/test/data/guppytiles/3/9_3.jpg
+++ b/test/data/guppytiles/3/9_3.jpg
--- a/test/data/guppytiles/3/9_4.jpg
+++ b/test/data/guppytiles/3/9_4.jpg
--- a/test/data/guppytiles/3/9_5.jpg
+++ b/test/data/guppytiles/3/9_5.jpg
--- a/test/demo/tileseams.html
+++ b/test/demo/tileseams.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Mac M2/M4 Mac Tile Seams Issue</title>
+    <script type="text/javascript" src='../../build/openseadragon/openseadragon.js'></script>
+    <script type="text/javascript" src='../lib/jquery-1.9.1.min.js'></script>
+    <style type="text/css">
+        .openseadragon {
+            width: 800px;
+            height: 600px;
+	    background-color: black;
+        }
+    </style>
+</head>
+<body>
+  <p>Open this page on an M2+ mac in latest Google Chrome. Note that, upon moving around in the viewer, seams between these tiles appear periodically.</p>
+  <div id="contentDiv" class="openseadragon"></div>
+  <script type="text/javascript">
+      const config = {
+	  // debugMode: true,
+	  maxPixelRatio: 0.7,
+	  tileSources: [{
+	      width: 5166,
+	      height: 2730,
+	      minLevel: 3,
+	      maxLevel: 3,
+	      getTileWidth: () => 512,
+	      getTileHeight: () => 512,
+	      getTileUrl: (level, col, row) => `/test/data/guppytiles/${level}/${col}_${row}.jpg`,
+	      // When tileOverlap is set to 0, it gets interpreted by openseadragon as unset. Instead of having it be unset, we simply want
+	      // it to be 0. Setting it to something quite small gives us that behavior
+	      tileOverlap: 0.000001,
+	  }],
+      };
+      
+      OpenSeadragon({
+        ...config,
+          id: 'contentDiv',
+	  drawer: 'webgl',
+      });
+    </script>
+</body>
+</html>