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>