The right hand edge is easily identifiable because you can pass it and enter a bit of white space that stops soon. The left hand edge, you do not know you hit if you are anywhere on the entire grid except for the very top pane, because it ends dead solid black against the wall, and you can't tell if you're scrolling or not.
The entire bottom edge, right edge, and left edge, except for right near the top, are flat and blank, don't waste your time. But there are lots of caves going on in the middle.
I edited the page source in Chrome Developer to make the "world frame" run full screen at 2560x1600 on my monitor - to get full frame without annoying scroll bars, I had to back off 20 pixels in each dimension. If you use the code below, and replace "2540" and "1580: with [your monitor dimensions - 20 pixels] you should be able to view it full screen too. Use chrome in "presentation mode." Note I had to replace the actual comic PNG with a transparent PNG, but it's in a public dropbox folder so you can all use it.
I didn't get into the script and fix the image caching for the new dimensions, so new frames don't pop up as you scroll until you get them well past the edge of the screen, but all things considered,I've got to say the 2540 x 1580 viewing/exploring experience kills the intended 740 x 694 frame.
Code: Select all
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="devTools.css">
<div class="toolbar-item close-left"><button id="close-button-left"></button></div>
<div class="toolbar-item"><button id="toolbar-dropdown-arrow" class="toolbar-label">»</button></div>
<div class="toolbar-item hidden" id="search-results-matches"></div>
<div class="toolbar-item toolbar-search-item"><input id="search" type="search" incremental results="0"><div id="search-toolbar-label" class="toolbar-label"></div></div>
<div class="toolbar-item close-right"><button id="close-button-right"></button></div>
<div id="main-panels" spellcheck="false"></div>
<div id="main-status-bar" class="status-bar"><div id="anchored-status-bar-items"><div id="counters"><div id="error-warning-count" class="hidden"></div></div></div></div>