A-Frame Super Keyboard Layout Editor

Drag in or select a keyboard image

Code

Tips

• Click on the image to create a slice, and press a key to assign the value it produces.
• Remember to add a slice with Insert key for the input box
• When finished, copy&paste the code in super-keyboard this.KEYBOARDS.layout.

Special keys

Ctrl+Del

Delete selected slice

slice + Enter

Key slice for accepting the text entered and close the keyboard.

slice + Del

Key slice for backspace (delete last character introduced)

slice + Escape

Key slice for dismiss the text and close the keyboard (cancel)

slice + Insert

Key slice for defining the input text area

See examples, contribute and send issues to the GitHub repo