Add vpinball: a browser Visual Pinball player

Next.js app that plays real .vpx tables via @valknar/vpinball-wasm
(WebAssembly Visual Pinball). Demo mode with the bundled default
table, drag-and-drop custom table upload, a cabinet-styled UI with a
coin-door HUD (fullscreen/stats/info/eject), a custom 404 page, PWA
support (hand-rolled service worker), and a static Docker Compose
deployment behind nginx.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012hQoM3jJT1Lx7CMTciMzvD
This commit is contained in:
2026-08-23 05:25:15 +02:00
co-authored by Claude Sonnet 5
commit e493a12e68
51 changed files with 5570 additions and 0 deletions
+14
View File
@@ -0,0 +1,14 @@
"use client";
import dynamic from "next/dynamic";
import type { PinballCanvasImplProps } from "./PinballCanvasImpl";
// The engine touches window/canvas/WebGL as soon as it mounts, so it's kept
// out of the server render entirely rather than just deferring to an effect.
const PinballCanvasImpl = dynamic<PinballCanvasImplProps>(() => import("./PinballCanvasImpl"), {
ssr: false,
});
export default function PinballCanvas(props: PinballCanvasImplProps) {
return <PinballCanvasImpl {...props} />;
}