Starting view one wheel step farther out (OPEN_STEP = 1/0.95^zoomSpeed on the fitted distance)

app.js

@@ -987,6 +987,7 @@ let mode = 'roll';   // roll: follow the roll; overview: the whole strip; free:
 let fly = null;
 // view directions onto the roll; the distance and a sideways shift come from fitView(): the roll's own height and
 // width are fitted into the part of the screen the control panel, header and scrubber leave free
+const OPEN_STEP = 1 / Math.pow(0.95, controls.zoomSpeed);   // about 1.047 at zoomSpeed 0.9
 const ROLL_DIR = new THREE.Vector3(-105, 52, 235).normalize();
 const ROLL_DIR_PORTRAIT = new THREE.Vector3(-70, 70, 330).normalize();
 const ROLL_OFF = new THREE.Vector3(), ROLL_SHIFT = new THREE.Vector3();
@@ -1042,13 +1043,14 @@ function fitView() {
   // seen from a little above: the projected height is about the height plus a share of the diameter
   const elev = Math.asin(Math.min(1, dir.y));
   const ph = rh * Math.cos(elev) + rw * Math.sin(elev);
-  const D = Math.max(ph / 2 / (tv * fh * 0.78), rw / 2 / (tv * camera.aspect * fw * (portrait ? 0.7 : 0.35)), 60);
+  // OPEN_STEP: open one OrbitControls wheel step (at devicePixelRatio 1) farther out than the plain fit
+  const D = OPEN_STEP * Math.max(ph / 2 / (tv * fh * 0.78), rw / 2 / (tv * camera.aspect * fw * (portrait ? 0.7 : 0.35)), 60);
   ROLL_OFF.copy(dir).multiplyScalar(D);
   // landscape: the roll sits right of the free area's centre, so the emerging strip (to its left) has room
   const px = fr.x0 + (fr.x1 - fr.x0) * (portrait ? 0.54 : 0.62), py = (fr.y0 + fr.y1) / 2;
   ndcShift(dir, D, px / W * 2 - 1, 1 - py / H * 2, ROLL_SHIFT);
   // the intro's view down the axis, centred in the same free area
-  const td = new THREE.Vector3(0, 120, 7), tD = Math.max(120, td.length() * 0.5 / Math.min(fw, fh));
+  const td = new THREE.Vector3(0, 120, 7), tD = OPEN_STEP * Math.max(120, td.length() * 0.5 / Math.min(fw, fh));
   td.setLength(tD);
   const tx = (fr.x0 + fr.x1) / 2;
   TOP_TARGET.set(0, -2, 0).add(ndcShift(td.clone().normalize(), tD, tx / W * 2 - 1, 1 - py / H * 2, new THREE.Vector3()));

index.html

@@ -251,7 +251,7 @@ if (!/(^|[#&])s=/.test(location.hash)) ['scrolls/index.json', 'scrolls/PHerc0139
   </div>
 </section>
 
-<script type="module" src="app.js?v=20261016vol3nan"></script>
+<script type="module" src="app.js?v=20261016vol3zoom"></script>
 <script type="module" src="polish.js?v=20261016vol3"></script>
 <script type="module" src="lib/bench.js?v=20261016vol3"></script>
 <script type="module" src="ui.js?v=20261016vol3"></script>