@johnmorrisdotca/kyogijo-stadiums 0.44.0 → 0.44.1

package/CHANGELOG.md

@@ -7,6 +7,12 @@ All notable changes to this project are written here. The format follows
 
 ## [Unreleased]
 
+## [0.44.1] - 2026-10-28
+
+### Fixed
+
+- **The wheel over a focused 3D view tips it the way a drag does**: the wheel up lifts the near edge of the surface toward the viewer, like a drag up (it did the opposite, so the wheel and the hand disagreed), and the wheel down lowers it. A drag, the arrow keys and the "Tip the surface away" and "Tip the surface toward you" buttons already agreed (up lifts the near edge); a test now holds all four to one direction, and a finger that is let to turn tips it as a mouse does. Left and right are unchanged. The `pitch` of a view, in the address and in `TurnView`, keeps its meaning.
+
 ## [0.44.0] - 2026-10-22
 
 ### Added

package/dist/turn.camera.d.ts

@@ -78,6 +78,11 @@ export declare function nudge(view: TurnView, toward: TurnToward, amount: number
  * yaw falls) and a drag down tips the top toward the eye (the pitch falls).
  */
 export declare function drag(view: TurnView, dx: number, dy: number, tilt?: boolean, degreesPerPixel?: number): TurnView;
+/**
+ * The view after the wheel turns by `deltaY` (positive is down, as `WheelEvent.deltaY` says) while the view has focus: the wheel up tips the surface as a drag up does (the near edge goes up, the
+ * front is lifted: the pitch rises) and the wheel down as a drag down does.
+ */
+export declare const wheelTip: (view: TurnView, deltaY: number) => TurnView;
 /** A box in the scene, in pixels from the scene's middle, the floor at `z0` and the highest thing at `z1`. */
 export interface Box3 {
     x0: number;

package/dist/turn.camera.js

@@ -100,6 +100,11 @@ export function nudge(view, toward, amount) {
 export function drag(view, dx, dy, tilt = true, degreesPerPixel = 0.4) {
     return clampView({ ...view, yaw: view.yaw - dx * degreesPerPixel, pitch: tilt ? view.pitch - dy * degreesPerPixel * 0.75 : view.pitch });
 }
+/**
+ * The view after the wheel turns by `deltaY` (positive is down, as `WheelEvent.deltaY` says) while the view has focus: the wheel up tips the surface as a drag up does (the near edge goes up, the
+ * front is lifted: the pitch rises) and the wheel down as a drag down does.
+ */
+export const wheelTip = (view, deltaY) => clampView({ ...view, pitch: view.pitch - deltaY * 0.15 });
 const RAD = Math.PI / 180;
 /** Where a point of the scene falls on the screen, in pixels from the middle of the container, when the scene is placed as given and the eye is `distance` pixels away. */
 export function project(point, view, at, distance) {

package/dist/turn.dom.js

@@ -3,7 +3,7 @@
 // reduced motion gets jumps for glides, and where the browser cannot draw in 3D the flat drawing stays. Nothing is polled and nothing runs while the view is
 // still: the elements' `transform`s are written when the view changes, and a glide between viewpoints is a short run of animation frames.
 import { drawKyogijo } from "./draw.js";
-import { STEP, TURN_PRESET_NAMES, clampView, drag, nearest, nudge, presetOf, presetView, step, turnDirection } from "./turn.camera.js";
+import { STEP, TURN_PRESET_NAMES, clampView, drag, nearest, nudge, presetOf, presetView, step, turnDirection, wheelTip } from "./turn.camera.js";
 import { buildTurn, floorOptions, openingView, turnWords } from "./turn.model.js";
 import { controlsMarkup, layoutOf, turnMarkupOf, worldMarkup } from "./turn.markup.js";
 import { KYOGIJO_TURN_STYLE } from "./turn.style.js";
@@ -438,7 +438,7 @@ export function mountTurn(host, options, settings, build) {
         else if (doc.activeElement === stage) {
             event.preventDefault();
             grab();
-            view = event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY) ? clampView({ ...view, yaw: view.yaw + (event.deltaX || event.deltaY) * 0.25 }) : clampView({ ...view, pitch: view.pitch + event.deltaY * 0.15 });
+            view = event.shiftKey || Math.abs(event.deltaX) > Math.abs(event.deltaY) ? clampView({ ...view, yaw: view.yaw + (event.deltaX || event.deltaY) * 0.25 }) : wheelTip(view, event.deltaY);
         }
         else
             return;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export declare const VERSION = "0.44.0";
+export declare const VERSION = "0.44.1";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export const VERSION = "0.44.0";
+export const VERSION = "0.44.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnmorrisdotca/kyogijo-stadiums",
-  "version": "0.44.0",
+  "version": "0.44.1",
   "description": "Kyogijo Stadiums 競技場, 40 sports' surfaces as SVG, drawn to scale from the rulebooks: NFL, CFL and IFAF football fields, an NHL rink, an NBA court, MLB ballparks, soccer pitches, curling sheets, athletics stadiums, speed skating, short track and figure skating rinks, swimming pools, water polo fields, diving wells, artistic swimming areas, and the courts and fields of tennis, volleyball (indoor, beach and sitting), badminton, pickleball, table tennis, padel, squash, racquetball, sepak takraw, teqball, roundnet, netball, lacrosse, rugby, Australian football, Gaelic games, cricket, field hockey and handball, and the budo of judo, karate, kendo, sumo and kyudo with a dojo of tatami laid as real units, the MMA cage, with each team's name and logo on its side and the score in the middle, stands and a crowd, a pageant of flags, and a 3D view. Light and dark, accessible, a compact badge for lists, a helper for React and a custom element. Zero dependencies.",
   "keywords": [
     "sports",