@downdraft/engine 0.1.1 → 0.1.2-alpha.5

package/dist/libraries/entities/src/shaders/model.wgsl

@@ -0,0 +1,375 @@
+struct Uniforms {
+  viewProj: mat4x4<f32>,
+  cameraPos: vec3<f32>,
+  time: f32,
+  modelPos: vec3<f32>,
+  modelScale: vec3<f32>,
+  modelRot: vec4<f32>,
+  materialIndex: u32,
+  lightDirX: f32,
+  lightDirY: f32,
+  lightDirZ: f32,
+  lightAmbient: f32,
+  lightIntensity: f32,
+  // Per-draw highlight mode: 0 = normal shading, 1 = ghost hologram (cyan,
+  // used for the physgun's no-collision grab), 2 = hover outline (drawn by a
+  // separate inverted-hull pipeline — see vs_outline / fs_outline).
+  // Values >= 3 encode per-prop material overrides (spawn settings):
+  //   combined = u32(highlight) - 3
+  //   shaderMode = combined & 3   (0=Standard 1=Toon 2=Hologram 3=Outline)
+  //   texMode    = combined >> 2  (0=Default 1=Wireframe 2=Checker)
+  highlight: f32,
+  // Inverted-hull outline parameters (used by vs_outline / fs_outline only).
+  outlineWidth: f32,
+  outlineColor: vec3<f32>,
+};
+
+@group(0) @binding(0) var<uniform> uniforms: Uniforms;
+
+// Skin matrices for skinned meshes (@group(1)). A dynamic storage buffer of
+// mat4x4<f32>, one per bone. Updated per-frame by the renderer via
+// updateSkinMatrices(). Only bound when drawing skinned meshes.
+@group(1) @binding(0) var<storage, read> skinMatrices: array<mat4x4<f32>>;
+
+// Frame-global lighting (@group(2)): sun color, hemisphere ambient, point lights.
+// Games that want colored lighting provide a compatible uniform buffer; the
+// default bind group supplies a neutral white sun + no point lights so existing
+// consumers see no visual change.
+struct FrameLighting {
+  sunDir: vec3<f32>,
+  ambientIntensity: f32,
+  sunColor: vec3<f32>,
+  pointLightCount: u32,
+  skyAmbient: vec3<f32>,
+  _pad0: u32,
+  groundAmbient: vec3<f32>,
+  _pad1: u32,
+  pointLights: array<vec4<f32>, 16>,
+};
+@group(2) @binding(0) var<uniform> frameLighting: FrameLighting;
+
+// Bindless material binding model (@group(3)):
+//   binding 0: material SSBO (read-only storage)
+//   bindings 1..8: texture_2d_array pages (rgba8unorm color textures)
+//   binding 9: shared sampler (repeat)
+//   binding 10: shared sampler (clamp)
+struct BindlessMaterial {
+  baseColor: vec4<f32>,
+  roughness: f32,
+  metallic: f32,
+  emissiveIntensity: f32,
+  hasTexTransform: f32,
+  albedoTex: u32,
+  normalTex: u32,
+  metallicRoughnessTex: u32,
+  aoEmissiveTex: u32,
+  texOffset: vec2<f32>,
+  texScale: vec2<f32>,
+  texRotation: f32,
+  _pad0: f32,
+  _pad1: f32,
+  _pad2: f32,
+};
+
+@group(3) @binding(0) var<storage, read> bindlessMaterials: array<BindlessMaterial>;
+@group(3) @binding(1) var albedoArray0: texture_2d_array<f32>;
+@group(3) @binding(2) var albedoArray1: texture_2d_array<f32>;
+@group(3) @binding(3) var albedoArray2: texture_2d_array<f32>;
+@group(3) @binding(4) var albedoArray3: texture_2d_array<f32>;
+@group(3) @binding(5) var albedoArray4: texture_2d_array<f32>;
+@group(3) @binding(6) var albedoArray5: texture_2d_array<f32>;
+@group(3) @binding(7) var albedoArray6: texture_2d_array<f32>;
+@group(3) @binding(8) var albedoArray7: texture_2d_array<f32>;
+@group(3) @binding(9) var bindlessSamplerRepeat: sampler;
+@group(3) @binding(10) var bindlessSamplerClamp: sampler;
+
+fn unpackArrayIndex(handle: u32) -> u32 { return (handle >> 16u) & 0xFFFFu; }
+fn unpackLayerIndex(handle: u32) -> u32 { return handle & 0xFFFFu; }
+
+fn sampleBindlessArray(arr: u32, uv: vec2<f32>, layer: u32) -> vec4<f32> {
+  // textureSample (auto-LOD) so mipmapped registrations actually filter;
+  // single-mip textures behave identically to textureSampleLevel(..., 0.0).
+  switch (arr) {
+    case 0u: { return textureSample(albedoArray0, bindlessSamplerRepeat, uv, layer); }
+    case 1u: { return textureSample(albedoArray1, bindlessSamplerRepeat, uv, layer); }
+    case 2u: { return textureSample(albedoArray2, bindlessSamplerRepeat, uv, layer); }
+    case 3u: { return textureSample(albedoArray3, bindlessSamplerRepeat, uv, layer); }
+    case 4u: { return textureSample(albedoArray4, bindlessSamplerRepeat, uv, layer); }
+    case 5u: { return textureSample(albedoArray5, bindlessSamplerRepeat, uv, layer); }
+    case 6u: { return textureSample(albedoArray6, bindlessSamplerRepeat, uv, layer); }
+    case 7u: { return textureSample(albedoArray7, bindlessSamplerRepeat, uv, layer); }
+    default: { return vec4<f32>(1.0, 1.0, 1.0, 1.0); }
+  }
+}
+
+struct VertexInput {
+  @location(0) position: vec3<f32>,
+  @location(1) normal: vec3<f32>,
+  @location(2) uv: vec2<f32>,
+  @location(3) color: vec3<f32>,
+};
+
+// Skinned vertex input — extends VertexInput with joints (4 bone indices,
+// packed as vec4<u32>) and weights (4 normalized bone weights). Lives in a
+// second vertex buffer slot (buffer index 1).
+struct SkinnedVertexInput {
+  @location(0) position: vec3<f32>,
+  @location(1) normal: vec3<f32>,
+  @location(2) uv: vec2<f32>,
+  @location(3) color: vec3<f32>,
+  @location(4) joints: vec4<u32>,
+  @location(5) weights: vec4<f32>,
+};
+
+struct VertexOutput {
+  @builtin(position) clipPos: vec4<f32>,
+  @location(0) worldPos: vec3<f32>,
+  @location(1) normal: vec3<f32>,
+  @location(2) uv: vec2<f32>,
+  @location(3) color: vec3<f32>,
+};
+
+// Build a tangent basis from the geometric normal. Uses a reference vector
+// instead of screen-space derivatives (dpdx/dpdy) which can produce NaN on
+// some implementations / degenerate UVs. The tangent direction is arbitrary
+// (determined by the reference vector) but is sufficient for normal mapping
+// on meshes without explicit tangent attributes.
+fn buildTangentBasis(N: vec3<f32>, worldPos: vec4<f32>, uv: vec2<f32>) -> mat3x3<f32> {
+  var refVec = vec3<f32>(0.0, 1.0, 0.0);
+  if (abs(N.y) >= 0.99) {
+    refVec = vec3<f32>(1.0, 0.0, 0.0);
+  }
+  let T = normalize(cross(refVec, N));
+  let B = cross(N, T);
+  return mat3x3<f32>(T, B, N);
+}
+
+// Sample the normal map and perturb the geometric normal. Returns the
+// perturbed world-space normal. If the material has no normal map (normalTex
+// points at the default white texture), the sampled tangent-space normal is
+// (0.5, 0.5, 1.0) → unpacked to (0, 0, 1) → no perturbation.
+fn perturbNormal(N: vec3<f32>, worldPos: vec4<f32>, uv: vec2<f32>, normalTexHandle: u32) -> vec3<f32> {
+  let arr = unpackArrayIndex(normalTexHandle);
+  let layer = unpackLayerIndex(normalTexHandle);
+  let sampled = sampleBindlessArray(arr, uv, layer);
+  let tangentNormal = sampled.xyz * 2.0 - 1.0;
+  let basis = buildTangentBasis(N, worldPos, uv);
+  return normalize(basis * tangentNormal);
+}
+
+fn qrotate(q: vec4<f32>, v: vec3<f32>) -> vec3<f32> {
+  return v + 2.0 * cross(q.xyz, cross(q.xyz, v) + q.w * v);
+}
+
+// Accumulate the 4-bone skinning matrix: sum(weights[i] * skinMatrices[joint[i]]).
+// If all weights are zero (vertex has no bone assignment), return identity so
+// the vertex renders at its baked position instead of collapsing to the origin.
+fn skinMatrix(j: vec4<u32>, w: vec4<f32>) -> mat4x4<f32> {
+  let m = skinMatrices[j.x] * w.x
+        + skinMatrices[j.y] * w.y
+        + skinMatrices[j.z] * w.z
+        + skinMatrices[j.w] * w.w;
+  let wsum = w.x + w.y + w.z + w.w;
+  if (wsum < 0.001) {
+    return mat4x4<f32>(
+      vec4(1.0, 0.0, 0.0, 0.0),
+      vec4(0.0, 1.0, 0.0, 0.0),
+      vec4(0.0, 0.0, 1.0, 0.0),
+      vec4(0.0, 0.0, 0.0, 1.0),
+    );
+  }
+  return m;
+}
+
+@vertex
+fn vs_main(input: VertexInput) -> VertexOutput {
+  var output: VertexOutput;
+  let scaled = input.position * uniforms.modelScale;
+  let rotated = qrotate(uniforms.modelRot, scaled);
+  let worldPos = rotated + uniforms.modelPos;
+  output.worldPos = worldPos;
+  output.clipPos = uniforms.viewProj * vec4<f32>(worldPos, 1.0);
+  output.normal = normalize(qrotate(uniforms.modelRot, input.normal));
+  output.uv = input.uv;
+  output.color = input.color;
+  return output;
+}
+
+// Skinned vertex entry point. Applies linear blend skinning in model space
+// (skinMatrices already encode bone-world * inverseBind), then the same
+// model transform (scale/rot/pos) as vs_main.
+@vertex
+fn vs_skinned(input: SkinnedVertexInput) -> VertexOutput {
+  var output: VertexOutput;
+  let sm = skinMatrix(input.joints, input.weights);
+  let skinnedPos = (sm * vec4<f32>(input.position, 1.0)).xyz;
+  let skinnedNormal = (sm * vec4<f32>(input.normal, 0.0)).xyz;
+
+  let scaled = skinnedPos * uniforms.modelScale;
+  let rotated = qrotate(uniforms.modelRot, scaled);
+  let worldPos = rotated + uniforms.modelPos;
+  output.worldPos = worldPos;
+  output.clipPos = uniforms.viewProj * vec4<f32>(worldPos, 1.0);
+  output.normal = normalize(qrotate(uniforms.modelRot, normalize(skinnedNormal)));
+  output.uv = input.uv;
+  output.color = input.color;
+  return output;
+}
+
+@fragment
+fn fs_main(input: VertexOutput) -> @location(0) vec4<f32> {
+  let geometricN = normalize(input.normal);
+
+  // Bindless material lookup (needed for normal map handle + albedo).
+  let m = bindlessMaterials[uniforms.materialIndex];
+
+  // Perturb the normal using the material's normal map (if any). Materials
+  // without a normal map use the default flat-normal texture (0.5,0.5,1.0)
+  // → unpacked to (0,0,1) → no perturbation.
+  let N = perturbNormal(geometricN, vec4<f32>(input.worldPos, 1.0), input.uv, m.normalTex);
+
+  // Decode per-prop material overrides (highlight >= 3).
+  var shaderMode = 0u;
+  var texMode = 0u;
+  if (uniforms.highlight >= 3.0) {
+    let combined = u32(uniforms.highlight) - 3u;
+    shaderMode = combined & 3u;
+    texMode = combined >> 2u;
+  }
+
+  // Colored directional sun light — matches the procedural cube/sphere shader.
+  let sunDir = normalize(frameLighting.sunDir);
+  var ndotl = max(dot(N, sunDir), 0.0);
+  // Toon shader override: quantize the sun term into discrete bands.
+  if (shaderMode == 1u) {
+    ndotl = floor(ndotl * 3.0 + 0.5) / 3.0;
+    ndotl = max(ndotl, 0.15);
+  }
+  let sunDiffuse = ndotl * frameLighting.sunColor;
+
+  // Hemisphere ambient: blend sky/ground based on normal.y (same as cube shader).
+  let hemiMix = N.y * 0.5 + 0.5;
+  let hemisphere = mix(frameLighting.groundAmbient, frameLighting.skyAmbient, hemiMix);
+  let ambient = hemisphere * frameLighting.ambientIntensity;
+
+  // Bindless albedo sample: index the material SSBO by materialIndex, then
+  // sample the texture_2d_array page/layer the material points at.
+  let arr = unpackArrayIndex(m.albedoTex);
+  let layer = unpackLayerIndex(m.albedoTex);
+  let texColor = sampleBindlessArray(arr, input.uv, layer);
+
+  // All inputs are sRGB: texture (rgba8unorm), vertex color (white), and
+  // baseColor (parser converts FBX linear DiffuseColor to sRGB). The swapchain
+  // is non-sRGB (bgra8unorm), so output sRGB directly.
+  var baseColor = texColor.rgb * input.color * m.baseColor.rgb;
+
+  // ── Texture override modes ──
+  // Wireframe: darken albedo, UV-grid lines overlaid after lighting.
+  // Checker: two-tone checkerboard over the UVs.
+  var texLine = 0.0;
+  if (texMode == 1u) {
+    let g = fract(input.uv * 6.0);
+    let lx = min(g.x, 1.0 - g.x);
+    let ly = min(g.y, 1.0 - g.y);
+    texLine = 1.0 - smoothstep(0.0, 0.08, min(lx, ly));
+    baseColor = baseColor * 0.15;
+  } else if (texMode == 2u) {
+    let cell = floor(input.uv * 8.0);
+    let check = (cell.x + cell.y) - floor((cell.x + cell.y) * 0.5) * 2.0;
+    baseColor = mix(baseColor * 0.35, baseColor * 1.4 + vec3<f32>(0.08), check);
+  }
+
+  // Channel-inspection modes — bypass lighting entirely for material review.
+  // 3 = perturbed normals (normal-map contribution visible), 4 = unlit albedo
+  // (texture/baseColor only), 5 = geometric normals (no normal map).
+  if (texMode == 3u) { return vec4<f32>(N * 0.5 + vec3<f32>(0.5), 1.0); }
+  if (texMode == 4u) { return vec4<f32>(baseColor, 1.0); }
+  if (texMode == 5u) { return vec4<f32>(geometricN * 0.5 + vec3<f32>(0.5), 1.0); }
+
+  var litColor = baseColor * (ambient + sunDiffuse);
+
+  // Point lights (up to 8). Each light is 2 vec4s: (pos.xyz, radius) + (color.rgb, intensity).
+  let plCount = frameLighting.pointLightCount;
+  for (var i = 0u; i < plCount; i++) {
+    let pl0 = frameLighting.pointLights[i * 2u];
+    let pl1 = frameLighting.pointLights[i * 2u + 1u];
+    let plPos = pl0.xyz;
+    let plRadius = pl0.w;
+    let plColor = pl1.xyz;
+    let plIntensity = pl1.w;
+    let L = plPos - input.worldPos;
+    let dist = length(L);
+    if (dist < plRadius) {
+      let atten = 1.0 / (1.0 + dist * dist / (plRadius * plRadius));
+      let ndotl_pl = max(dot(N, normalize(L)), 0.0);
+      litColor += baseColor * plColor * plIntensity * atten * ndotl_pl;
+    }
+  }
+
+  // Wireframe overlay: paint the UV-grid lines in a bright tint.
+  if (texLine > 0.0) {
+    litColor = mix(litColor, vec3<f32>(0.55, 0.95, 1.0), texLine * 0.9);
+  }
+
+  // Distance fog — anchored to the camera→model distance so it scales with
+  // the subject instead of a fixed 400m absolute (a 200m model viewed from
+  // 500m would otherwise fog to the ambient color entirely). Small models
+  // near the camera keep the original ~400m reach.
+  let modelDist = length(uniforms.cameraPos - uniforms.modelPos);
+  let fogStart = max(modelDist * 1.5, 60.0);
+  let fogEnd = max(modelDist * 4.0, 400.0);
+  let dist = length(uniforms.cameraPos - input.worldPos);
+  let fog = clamp(1.0 - (dist - fogStart) / (fogEnd - fogStart), 0.0, 1.0);
+  var outColor = mix(frameLighting.skyAmbient, litColor, fog);
+
+  // Outline shader override (shaderMode == 3): darken the body and add a
+  // bright fresnel rim so the prop reads with a bold cel edge.
+  if (shaderMode == 3u) {
+    let viewDir = normalize(uniforms.cameraPos - input.worldPos);
+    let fresnel = pow(1.0 - max(dot(N, viewDir), 0.0), 3.0);
+    outColor = outColor * 0.7 + vec3<f32>(1.0, 0.95, 0.6) * smoothstep(0.35, 0.9, fresnel);
+  }
+
+  // Hologram shader override (shaderMode == 2): fresnel rim + scanline pulse
+  // tinted toward the prop's own base color. Opaque output (the pipeline has
+  // no blend state) but reads as a hologram.
+  if (shaderMode == 2u) {
+    let viewDir = normalize(uniforms.cameraPos - input.worldPos);
+    let fresnel = pow(1.0 - max(dot(N, viewDir), 0.0), 2.5);
+    let pulse = 0.65 + 0.35 * sin(uniforms.time * 5.0 + input.worldPos.y * 3.0);
+    let scan = 0.5 + 0.5 * sin((input.worldPos.y + uniforms.time * 2.0) * 20.0);
+    let holoBase = baseColor * vec3<f32>(0.3, 0.9, 1.1) + vec3<f32>(0.05, 0.2, 0.25);
+    let holoRim = vec3<f32>(0.7, 1.0, 1.0);
+    var holoCol = mix(holoBase, holoRim, fresnel) * pulse;
+    holoCol = holoCol + holoRim * scan * 0.15 * fresnel;
+    return vec4<f32>(holoCol, 1.0);
+  }
+
+  // Ghost hologram override (highlight == 1): render the prop as a
+  // translucent-looking cyan shell with a fresnel rim and a vertical
+  // scanline pulse so it's visually distinct from normally-grabbed (solid)
+  // props. Opaque output (the pipeline has no blend state) but reads as a
+  // hologram. Hover outline (highlight == 2) is handled by a separate
+  // inverted-hull draw — see vs_outline / fs_outline below.
+  if (uniforms.highlight > 0.5 && uniforms.highlight < 1.5) {
+    let viewDir = normalize(uniforms.cameraPos - input.worldPos);
+    let fresnel = pow(1.0 - max(dot(N, viewDir), 0.0), 2.5);
+    let pulse = 0.65 + 0.35 * sin(uniforms.time * 5.0 + input.worldPos.y * 3.0);
+    let scan = 0.5 + 0.5 * sin((input.worldPos.y + uniforms.time * 2.0) * 20.0);
+    let ghostBase = vec3<f32>(0.15, 0.75, 0.95);
+    let ghostRim = vec3<f32>(0.7, 1.0, 1.0);
+    var ghostCol = mix(ghostBase, ghostRim, fresnel) * pulse;
+    ghostCol = ghostCol + ghostRim * scan * 0.15 * fresnel;
+    return vec4<f32>(ghostCol, 1.0);
+  }
+
+  return vec4<f32>(outColor, 1.0);
+}
+
+// ── Mask entry point for post-process outline ──
+// Renders the model as solid white to a mask texture.  Uses the same
+// vertex shader as the normal render (vs_main / vs_skinned).
+@fragment
+fn fs_mask() -> @location(0) vec4f {
+  return vec4f(1.0, 1.0, 1.0, 1.0);
+}

package/dist/libraries/gamepad/src/feed-input.js

@@ -0,0 +1,54 @@
+// ============================================================================
+// feed-input — bridge from the 'gamepad-devices' device table into the
+// per-player 'game-input' channel (InputBufferWriter). Renderer-side helper:
+// games call this once per player per frame inside their input pass.
+// ============================================================================
+import { INP_FLAG } from "@downdraft/engine/sab/game-input";
+import { GamepadDevicesReader, } from "@downdraft/engine/sab/gamepad-devices";
+const AXIS_COUNT = 8;
+const BTN_COUNT = 32;
+/**
+ * Write one device-table slot into a player's game-input fields:
+ *   axes 0..7   → gpAxes (lx ly rx ry lt rt dpadX dpadY)
+ *   buttonsLo   → gpBtn bitmask (W3C standard order)
+ *   bindings    → optional synthesized key bits (applied on top of DOM keys)
+ *   sets/clears the INP_FLAG.HAS_GAMEPAD flag accordingly.
+ */
+export function writePadToInput(writer, reader, playerIdx, deviceSlot, bindings, out) {
+    const d = reader.readSlot(deviceSlot, out);
+    if (!d) {
+        for (let i = 0; i < AXIS_COUNT; i++)
+            writer.setGamepadAxis(playerIdx, i, 0);
+        for (let b = 0; b < BTN_COUNT; b++)
+            writer.setGamepadButton(playerIdx, b, false);
+        return;
+    }
+    for (let i = 0; i < AXIS_COUNT; i++)
+        writer.setGamepadAxis(playerIdx, i, d.axes[i]);
+    for (let b = 0; b < BTN_COUNT; b++) {
+        writer.setGamepadButton(playerIdx, b, (d.buttonsLo & (1 << b)) !== 0);
+    }
+    if (bindings) {
+        for (const bind of bindings) {
+            let active = false;
+            if (bind.button !== undefined) {
+                active = (d.buttonsLo & (1 << bind.button)) !== 0;
+            }
+            if (!active && bind.axis !== undefined) {
+                const v = d.axes[bind.axis];
+                const dir = bind.axisDir ?? 1;
+                const t = bind.threshold ?? 0.5;
+                active = dir > 0 ? v >= t : v <= -t;
+            }
+            if (active)
+                writer.setKey(playerIdx, bind.key, true);
+        }
+    }
+}
+/** Get the reader for the host-provided gamepad channel, or null when the
+ *  native backend isn't loaded. Memoized — construct once. */
+export function getHostGamepadReader() {
+    const sab = globalThis.__ddGamepad?.sab;
+    return sab ? new GamepadDevicesReader(sab) : null;
+}
+export { INP_FLAG };

package/dist/libraries/gamepad/src/filters.js

@@ -0,0 +1,44 @@
+// ============================================================================
+// Device classification filters — ported from Ember's evdev.ts heuristics.
+// Used to flag auxiliary devices (motion sensors, touchpads, IR cameras)
+// that enumerate alongside a pad's primary input node, and to sanity-check
+// whether a name looks gamepad-like at all.
+// ============================================================================
+/** Name substrings that mark an aux node of a composite controller. */
+const AUX_NAME_PATTERNS = [
+    "motion sensors",
+    "motion sensor",
+    "touchpad",
+    "accelerometer",
+    "gyro",
+    "gyroscope",
+    "imu",
+    "ir camera",
+    "nintendo wii remote accelerometer",
+    "msi amblink",
+    "sensor hub",
+];
+/** Name substrings indicating something that isn't a gamepad at all. */
+const NON_GAMEPAD_PATTERNS = [
+    "keyboard",
+    "mouse",
+    "consumer control",
+    "system control",
+    "power button",
+    "video bus",
+    "lidar",
+];
+export function isAuxDeviceName(name) {
+    const n = name.toLowerCase();
+    return AUX_NAME_PATTERNS.some((p) => n.includes(p));
+}
+export function isLikelyGamepadName(name) {
+    const n = name.toLowerCase();
+    if (NON_GAMEPAD_PATTERNS.some((p) => n.includes(p)))
+        return false;
+    return (n.includes("gamepad") ||
+        n.includes("controller") ||
+        n.includes("joystick") ||
+        n.includes("pad") ||
+        n.includes("remote"));
+}

package/dist/libraries/gamepad/src/glyphs.js

@@ -0,0 +1,83 @@
+// ============================================================================
+// Button glyph naming — pad-type-aware labels for UI prompts.
+// Returns `{ set, glyph }` where `set` identifies the icon family a UI
+// toolkit should draw from ("xbox", "playstation", "switch", ...) and `glyph`
+// is the key inside it ("a", "cross", "dpad-up", ...).
+// ============================================================================
+import { GP_BTN, PadType } from "@downdraft/engine/sab/gamepad-devices";
+const FACE = {
+    //            south    east    west    north
+    xbox: ["a", "b", "x", "y"],
+    playstation: ["cross", "circle", "square", "triangle"],
+    switch: ["b", "a", "y", "x"],
+    gamecube: ["a", "b", "x", "y"],
+    n64: ["a", "b", "c", "c"],
+    generic: ["a", "b", "x", "y"],
+};
+const COMMON = {
+    [GP_BTN.LEFT_SHOULDER]: "lb",
+    [GP_BTN.RIGHT_SHOULDER]: "rb",
+    [GP_BTN.LEFT_TRIGGER_BTN]: "lt",
+    [GP_BTN.RIGHT_TRIGGER_BTN]: "rt",
+    [GP_BTN.SELECT]: "select",
+    [GP_BTN.START]: "start",
+    [GP_BTN.HOME]: "home",
+    [GP_BTN.LEFT_STICK]: "l3",
+    [GP_BTN.RIGHT_STICK]: "r3",
+    [GP_BTN.DPAD_UP]: "dpad-up",
+    [GP_BTN.DPAD_DOWN]: "dpad-down",
+    [GP_BTN.DPAD_LEFT]: "dpad-left",
+    [GP_BTN.DPAD_RIGHT]: "dpad-right",
+    [GP_BTN.CAPTURE]: "capture",
+};
+function setForType(t) {
+    switch (t) {
+        case PadType.PS3:
+        case PadType.PS4:
+        case PadType.PS5:
+            return "playstation";
+        case PadType.SWITCH:
+            return "switch";
+        case PadType.GAMECUBE:
+            return "gamecube";
+        case PadType.N64:
+            return "n64";
+        case PadType.WIIMOTE:
+            return "wiimote";
+        case PadType.XBOX:
+        case PadType.STEAM:
+        case PadType.GENERIC:
+            return "xbox";
+        default:
+            return "generic";
+    }
+}
+/** Glyph for a standard button bit on a pad of the given type. */
+export function glyphFor(padType, bit) {
+    const set = setForType(padType);
+    if (bit >= GP_BTN.SOUTH && bit <= GP_BTN.NORTH) {
+        const face = FACE[set] ?? FACE.generic;
+        return { set, glyph: face[bit] };
+    }
+    const common = COMMON[bit];
+    if (common) {
+        // PlayStation names differ on shoulders/triggers/menu buttons.
+        if (set === "playstation") {
+            const ps = {
+                lb: "l1", rb: "r1", lt: "l2", rt: "r2",
+                select: "share", start: "options", home: "ps",
+                l3: "l3", r3: "r3", capture: "share",
+            };
+            return { set, glyph: ps[common] ?? common };
+        }
+        if (set === "switch") {
+            const sw = {
+                lb: "l", rb: "r", lt: "zl", rt: "zr",
+                select: "minus", start: "plus", home: "home", capture: "capture",
+            };
+            return { set, glyph: sw[common] ?? common };
+        }
+        return { set, glyph: common };
+    }
+    return { set, glyph: `btn-${bit}` };
+}