Key Mapping

Key mapping is the core feature of the key viewer. You can set which keyboard key to assign to each key.

Key Mode Selection

Select a key mode from the dropdown menu at the top:

• 4key: 4 keys (rhythm game standard)
• 5key: 5 keys
• 6key: 6 keys
• 8key: 8 keys

Each mode has independent settings, and previous settings are preserved when switching modes.

Adding Keys

1. Right-click on an empty space in the grid.
2. Select Add Key from the menu.
3. Click the newly created key and enter the keyboard key to map.

Removing Keys

1. Right-click on the key to remove.
2. Select Delete Key from the menu.

Changing Key Mapping

1. Click on the key to change.
2. When the modal appears, press the keyboard key you want to map.
3. The modal will close automatically when mapping is complete.

Adjusting Key Position

Drag keys to move them to desired positions. Keys will align to the grid.

Adjusting Key Size

1. Click on the key to select it.
2. Drag the handles that appear around the key to resize.

Key Style Settings

You can apply custom CSS styles to individual keys by assigning class names.

1. Right-click on the key whose style you want to change.
2. Select Set Class from the menu.
3. Enter a class name. (e.g., blue, special)

Key Image Settings

You can assign images to each key.

1. Right-click on the key to set an image for.
2. Select Set Image from the menu.
3. Select an image file.

Supported image formats:

• PNG
• JPG/JPEG
• GIF
• WebP
• SVG