TRUMPF TruServices · TPX Prototypes

TPX Prototypes

Wall Display

Wall Display

The shared output surface for booth demos. Receives live data from either the Performance Mirror or the Tablet Control via BroadcastChannel (zero-config, offline). Features a 5-beat story theater in Attract Mode, cascading lever gauges in Live Mode, animated count-up summary from the Mirror, and a canvas-based firework particle system at milestone thresholds. Press f for fullscreen.

Inputs Performance Mirror · Tablet Sync BroadcastChannel Hotkeys f · a · l · ←→ · w
Open Wall Display
Hero · Recommended

Performance Mirror

The full eight-stage experience. Three-persona toggle (prospect / owner / rep-led), 8-input guided diagnostic, dashboard mirror of the user's shop, animated gap reveal, live TruServices intervention sliders, personalized Performance Gap Report. Dual-surface aesthetic: tablet for input, big display for reveal.

LOC 1,494 Chart lib Chart.js Persona modes 3
Open prototype
Input Surface

Tablet Control

Canvas-based input surface with draggable lever blocks, wire connections between ports, codename system with private prospect capture, and preset chains. Drives the Wall Display in real time.

LOC ~640 Interaction drag-and-drop Sync BroadcastChannel
Open prototype
Variant A

Build-Your-Shop Configurator

Drag-and-drop shop floor. Four machine types, competitor↔TRUMPF brand swap per machine, live KPI bar, master TruServices activation toggle, per-machine detail on click. Trade-show showpiece energy — Kevin's original "build your shop, see your gap" instinct taken literally.

LOC 1,357 Chart lib none (SVG) Interaction drag-and-drop
Open prototype
Variant C

Big-Display Theater

Not a standalone tool — the wall-display companion to the tablet-input experience. Six-phase auto-cycle (idle → connect → mirror → gap → cascade → summary) rotating through three visitor profiles. Zero UI chrome, cinematic transitions, air-traffic-control aesthetic. Hotkeys for live presentation: Space/→ advance, R restart, F fullscreen.

LOC 1,453 Chart lib none (SVG) Mode kiosk / auto-cycle
Open prototype

How to use this page