Advanced Configuration

Deep dive into shaders, recording, controls, and performance.

CRT Shader Pipeline

The player includes 10 curated shaders from the libretro glsl-shaders collection. Pass the shader ID to the shader prop or let users change it at runtime.

<GamePlayer
  shader="crt/crt-lottes"
  onShaderChange={(newShader, requiresRestart) => {
    // Some shaders require restart to take effect
    if (requiresRestart) {
      showToast('Shader will apply on restart');
    }
  }}
/>

Gameplay Recording

The player uses the MediaRecorder API to capture canvas gameplay as WebM video. Recording works automatically — users press F5 to toggle.

Keyboard Shortcuts

Player shortcuts (separate from game controls). Users can press F1 to see these in-game.

Control System

The player includes a sophisticated control system with per-console presets, keyboard remapping, and gamepad support.

Default Keyboard Layout

Gamepad Detection

The player automatically detects and themes connected controllers:

Emergency Save System

To prevent progress loss, the player automatically saves when:

Performance Tips