Picade Button Lighting Console

Test the original 6-button Picade panel, preview per-button lighting, and send the same data to the Picade Max controller.

Original Picade 6-Button Layout

This page is for the physical arcade panel on your cabinet. Each red arcade button contains four independent corner lights.

1Use Picade Layout
2Connect controller
3Pick a corner light
4Test fades and patterns
⚠ WebSerial API is not available in this browser. Use Chrome/Edge with a secure context. Preview-only mode is active.
DisconnectedConnect after loading the Picade layout. Electron should auto-approve the known Picade serial device.
Buttons
Examples
Tests
Matrix
Step 1
Load the Picade layout

Use the original single-player Picade panel layout: six arcade buttons, four lights per button, padded to the Picade Max firmware transport size.

LayoutOriginal 6-button Picade
Logical lights24
Transport frame128 LEDs
Safe refresh~21 fps max
Advanced transport settings

Only change these if you are deliberately testing a non-standard layout.

Step 2
Pick a button light

Click one of the four small corner lights inside a red button. The big button label shows the physical arcade button; the small light you click is the individual LED that will be edited.

ButtonY
LightTop left
LED index0
Step 3
Choose the lighting behaviour

Use steady color for static tests, or use fade modes to mimic the button-press flash behaviour you want in the final app.

16
1
Picade Examples
Upstream demo ports

These are direct browser-side ports of the tested Picade button demos from the upstream reference implementation.

Button Patterns
Guided light tests

Use these to test motion, direction, fade timing, and whole-panel coverage without manually editing every light.

Attract Mode
Whole-panel motion tests

These patterns continuously animate the six-button panel and are useful for checking sequencing, direction, and timing.

50
Transport Tests
Raw protocol tools

Use this only when you need to inspect or prove the exact bytes going to the controller.

Serial Log
16
Canvas (click / drag to draw)
Matrix Example