2024-05-30 02:02:10 +00:00
<!DOCTYPE html>
< html lang = "en-US" dir = "ltr" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > Supporting Your Keyboard in QMK Configurator | QMK Firmware< / title >
< meta name = "description" content = "Documentation for QMK Firmware" >
< meta name = "generator" content = "VitePress v1.1.3" >
2024-05-31 00:38:24 +00:00
< link rel = "preload stylesheet" href = "/assets/style.No8zk9aC.css" as = "style" >
2024-05-30 02:02:10 +00:00
2024-06-02 02:43:43 +00:00
< script type = "module" src = "/assets/app.DQznqO_F.js" > < / script >
2024-05-30 02:02:10 +00:00
< link rel = "preload" href = "/assets/inter-roman-latin.Di8DUHzh.woff2" as = "font" type = "font/woff2" crossorigin = "" >
< link rel = "modulepreload" href = "/assets/chunks/framework.DyMmIvSC.js" >
2024-06-02 02:43:43 +00:00
< link rel = "modulepreload" href = "/assets/chunks/theme.BbG4GfFx.js" >
2024-05-30 02:02:10 +00:00
< link rel = "modulepreload" href = "/assets/reference_configurator_support.md.FaBQzIj6.lean.js" >
< script id = "check-dark-mode" > ( ( ) => { const e = localStorage . getItem ( "vitepress-theme-appearance" ) || "auto" , a = window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches ; ( ! e || e === "auto" ? a : e === "dark" ) && document . documentElement . classList . add ( "dark" ) } ) ( ) ; < / script >
< script id = "check-mac-os" > document . documentElement . classList . toggle ( "mac" , /Mac|iPhone|iPod|iPad/i . test ( navigator . platform ) ) ; < / script >
< / head >
< body >
2024-06-02 02:43:43 +00:00
< div id = "app" > < div class = "Layout" data-v-5d98c3a5 > <!-- [ --> <!-- ] --> <!-- [ --> < span tabindex = "-1" data-v-0f60ec36 > < / span > < a href = "#VPContent" class = "VPSkipLink visually-hidden" data-v-0f60ec36 > Skip to content < / a > <!-- ] --> <!-- --> < header class = "VPNav" data-v-5d98c3a5 data-v-ae24b3ad > < div class = "VPNavBar has-sidebar top" data-v-ae24b3ad data-v-ccf7ddec > < div class = "wrapper" data-v-ccf7ddec > < div class = "container" data-v-ccf7ddec > < div class = "title" data-v-ccf7ddec > < div class = "VPNavBarTitle has-sidebar" data-v-ccf7ddec data-v-ab179fa1 > < a class = "title" href = "/" data-v-ab179fa1 > <!-- [ --> <!-- ] --> <!-- [ --> <!-- [ --> <!-- [ --> < img class = "VPImage dark logo" src = "/qmk-logo-dark.svg" alt data-v-8426fc1a > <!-- ] --> <!-- [ --> < img class = "VPImage light logo" src = "/qmk-logo-light.svg" alt data-v-8426fc1a > <!-- ] --> <!-- ] --> <!-- ] --> < span data-v-ab179fa1 > QMK Firmware< / span > <!-- [ --> <!-- ] --> < / a > < / div > < / div > < div class = "content" data-v-ccf7ddec > < div class = "content-body" data-v-ccf7ddec > <!-- [ --> <!-- ] --> < div class = "VPNavBarSearch search" data-v-ccf7ddec > <!-- [ --> <!-- --> < div id = "local-search" > < button type = "button" class = "DocSearch DocSearch-Button" aria-label = "Search" > < span class = "DocSearch-Button-Container" > < span class = "vp-icon DocSearch-Search-Icon" > < / span > < span class = "DocSearch-Button-Placeholder" > Search< / span > < / span > < span class = "DocSearch-Button-Keys" > < kbd class = "DocSearch-Button-Key" > < / kbd > < kbd class = "DocSearch-Button-Key" > K< / kbd > < / span > < / button > < / div > <!-- ] --> < / div > < nav aria-labelledby = "main-nav-aria-label" class = "VPNavBarMenu menu" data-v-ccf7ddec data-v-7f418b0f > < span id = "main-nav-aria-label" class = "visually-hidden" data-v-7f418b0f > Main Navigation< / span > <!-- [ --> <!-- [ --> < a class = "VPLink link VPNavBarMenuLink" href = "./" tabindex = "0" data-v-7f418b0f data-v-9c663999 > <!-- [ --> < span data-v-9c663999 > Home< / span > <!-- ] --> < / a > <!-- ] --> <!-- ] --> < / nav > <!-- --> < div class = "VPNavBarAppearance appearance" data-v-ccf7ddec data-v-e6aabb21 > < button class = "VPSwitch VPSwitchAppearance" type = "button" role = "switch" title = "Switch to dark theme" aria-checked = "false" data-v-e6aabb21 data-v-d1f28634 data-v-1d5665e3 > < span class = "check" data-v-1d5665e3 > < span class = "icon" data-v-1d5665e3 > <!-- [ --> < span class = "vpi-sun sun" data-v-d1f28634 > < / span > < span class = "vpi-moon moon" data-v-d1f28634 > < / span > <!-- ] --> < / span > < / span > < / button > < / div > < div class = "VPSocialLinks VPNavBarSocialLinks social-links" data-v-ccf7ddec data-v-0394ad82 data-v-7bc22406 > <!-- [ --> < a class = "VPSocialLink no-icon" href = "https://reddit.com/r/olkb" aria-label target = "_blank" rel = "noopener" data-v-7bc22406 data-v-eee4e7cb > < svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 50 50" width = "50px" height = "50px" > < path d = "M 29 3 C 28 . 0625 3 27 . 164063 3 . 382813 26 . 5 4 C 25 . 835938 4 . 617188 25 . 363281 5 . 433594 25 6 . 40625 C 24 . 355469 8 . 140625 24 . 085938 10 . 394531 24 . 03125 13 . 03125 C 19 . 234375 13 . 179688 14 . 820313 14 . 421875 11 . 28125 16 . 46875 C 10 . 214844 15 . 46875 8 . 855469 14 . 96875 7 . 5 14 . 96875 C 6 . 089844 14 . 96875 4 . 675781 15 . 511719 3 . 59375 16 . 59375 C 1 . 425781 18 . 761719 1 . 425781 22 . 238281 3 . 59375 24 . 40625 L 3 . 84375 24 . 65625 C 3 . 3125 26 . 035156 3 27 . 488281 3 29 C 3 33 . 527344 5 . 566406 37 . 585938 9 . 5625 40 . 4375 C 13 . 558594 43 . 289063 19 . 007813 45 25 45 C 30 . 992188 45 36 . 441406 43 . 289063 40 . 4375 40 . 4375 C 44 . 433594 37 . 585938 47 33 . 527344 47 29 C 47 27 . 488281 46 . 6875 26 . 035156 46 . 15625 24 . 65625 L 46 . 40625 24 . 40625 C 48 . 574219 22 . 238281 48 . 574219 18 . 761719 46 . 40625 16 . 59375 C 45 . 324219 15 . 511719 43 . 910156 14 . 96875 42 . 5 14 . 96875 C 41 . 144531 14 . 96875 39 . 785156 15 . 46875 38 . 71875 16 . 46875 C 35 . 195313 14 . 433594 30 . 800781 13 . 191406 26 . 03125 13 . 03125 C 26 . 09375 10 . 546875 26 . 363281 8 . 46875 26 . 875 7 . 09375 C 27 . 164063 6 . 316406 27 . 527344 5 . 757813 27 . 875 5 . 4375 C 28 . 222656 5 . 117188 28 . 539063 5 29 5 C 29 . 460938 5 29 . 683594 5 . 125 30 . 03125 5 . 40625 C 30 . 378906 5 . 6875 30 . 785156 6 . 148438 31 . 3125 6 . 6875 C 32 . 253906 7 . 652344 33 . 695313 8 . 714844 36 . 09375 8 . 9375 C 36 . 539063 11 . 238281 38 . 574219 13 41 13 C 43 . 75 13 46 10 . 75 46 8 C 46 5 . 25 43 . 75 3 41 3 C 38 . 605469 3 36 . 574219 4 . 710938 36 . 09375 6 . 96875 C 34 . 3125 6 . 796875 33 . 527344 6 . 109375 32 . 75 5 . 3125 C 32 . 300781 4 . 851563 31 . 886719
2024-05-30 02:02:10 +00:00
< span class = "line" > < span > |NLk| / | * | - |< / span > < / span >
< span class = "line" > < span > |---+---+---+---|< / span > < / span >
< span class = "line" > < span > |7 |8 |9 | + |< / span > < / span >
< span class = "line" > < span > |---+---+---| |< / span > < / span >
< span class = "line" > < span > |4 |5 |6 | |< / span > < / span >
< span class = "line" > < span > |---+---+---+---|< / span > < / span >
< span class = "line" > < span > |1 |2 |3 |Ent|< / span > < / span >
< span class = "line" > < span > |-------+---| |< / span > < / span >
< span class = "line" > < span > |0 | . | |< / span > < / span >
< span class = "line" > < span > |---------------|< / span > < / span > < / code > < / pre > < / div > < div class = "tip custom-block" > < p class = "custom-block-title" > TIP< / p > < p > For more on layout macros, see < a href = "./understanding_qmk#matrix-scanning" > Understanding QMK: Matrix Scanning< / a > and < a href = "./understanding_qmk#matrix-to-physical-layout-map" > Understanding QMK: Matrix to Physical Layout Map< / a > .< / p > < / div > < p > The Configurator' s API reads the keyboard' s < code > .h< / code > file from < code > qmk_firmware/keyboards/< keyboard> /< keyboard> .h< / code > . For our numpad, this file would be < code > qmk_firmware/keyboards/numpad/numpad.h< / code > :< / p > < div class = "language-c vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > c< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #pragma< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > once< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > LAYOUT< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ( < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k00, k01, k02, k03, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k10, k11, k12, k13, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k20, k21, k22, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k30, k31, k32, k33, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k40, k42 < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ) { < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k00, k01, k02, k03 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k10, k11, k12, k13 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k20, k21, k22, KC_NO }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k30, k31, k32, k33 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k40, KC_NO, k42, KC_NO } < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < p > QMK uses < code > KC_NO< / code > to designate places in the switch matrix where there is no switch. Sometimes, < code > XXX< / code > , < code > ___< / code > or < code > ____< / code > are used as shorthand to make this section easier to read if it needs to be debugged. This is usually defined near the beginning of the < code > .h< / code > file:< / p > < div class = "language-c vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > c< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #pragma< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > once< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > XXX< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > KC_NO< / span > < / span >
< span class = "line" > < / span >
< span class = "line" > < span style = "--shiki-light:#D73A49;--shiki-dark:#F97583;" > #define< / span > < span style = "--shiki-light:#6F42C1;--shiki-dark:#B392F0;" > LAYOUT< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ( < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k00, k01, k02, k03, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k10, k11, k12, k13, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k20, k21, k22, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k30, k31, k32, k33, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > k40, k42 < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ) { < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k00, k01, k02, k03 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k10, k11, k12, k13 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k20, k21, k22, XXX }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k30, k31, k32, k33 }, < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > { k40, XXX, k42, XXX } < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > \< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < div class = "warning custom-block" > < p class = "custom-block-title" > WARNING< / p > < p > This usage differs from that of keymap macros, which almost always use < code > XXXXXXX< / code > (seven capital X' s) for < code > KC_NO< / code > and < code > _______< / code > (seven underscores) for < code > KC_TRNS< / code > .< / p > < / div > < div class = "warning custom-block" > < p class = "custom-block-title" > WARNING< / p > < p > To prevent user confusion, using < code > KC_NO< / code > is preferred.< / p > < / div > < p > The layout macro tells the Configurator that our keyboard has 17 keys, arranged in five rows of four columns each. Our switch positions are named < code > k< row> < column> < / code > , counting from 0. The names themselves actually don' t matter, as long as they match between the top section, which receives the keycodes from the keymap, and the bottom half which designates where each key is in the matrix.< / p > < p > To display our keyboard in a way that resembles the physical keyboard, we need to build a JSON file that tells the Configurator how to tie the physical locations and sizes of our keys to our switch matrix.< / p > < h2 id = "building-the-json-file" tabindex = "-1" > Building the JSON file < a class = "header-anchor" href = "#building-the-json-file" aria-label = "Permalink to "Building the JSON file"" > < / a > < / h2 > < p > To build the JSON file, the easiest way is to build the layout in < a href = "https://www.keyboard-layout-editor.com/" target = "_blank" rel = "noreferrer" > Keyboard Layout Editor< / a > (" KLE" ), from which we' ll feed the Raw Data into a QMK tool that converts this data into a JSON the Configurator will read and use. Since KLE opens by default with a numpad layout, we' re just going to remove the Getting Started instructions, and use what' s left.< / p > < p > Once the layout is as desired, move to the Raw Data tab in KLE, and copy the contents:< / p > < div class = "language- vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > < / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span > [" Num Lock" ," /" ," *" ," -" ],< / span > < / span >
< span class = "line" > < span > [" 7\nHome" ," 8\n↑" ," 9\nPgUp" ,{h:2}," +" ],< / span > < / span >
< span class = "line" > < span > [" 4\n←" ," 5" ," 6\n→" ],< / span > < / span >
< span class = "line" > < span > [" 1\nEnd" ," 2\n↓" ," 3\nPgDn" ,{h:2}," Enter" ],< / span > < / span >
< span class = "line" > < span > [{w:2}," 0\nIns" ," .\nDel" ]< / span > < / span > < / code > < / pre > < / div > < p > To convert this data into our JSON, go to the < a href = "https://qmk.fm/converter/" target = "_blank" rel = "noreferrer" > QMK KLE-JSON Converter< / a > , paste the Raw Data into the Input field, and click the Convert button. After a moment, our JSON data will appear in the Output field. Copy the contents to a new text document, and name the document < code > info.json< / code > , saving it in the same folder that contains < code > numpad.h< / code > .< / p > < p > Use the < code > keyboard_name< / code > object to set the name of the keyboard. For instruction purposes, we will put each key' s object on its own line. This is only to make the file more human-readable, and does not affect the Configurator' s functionality.< / p > < div class = "language-json vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > json< / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " keyboard_name" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Numpad" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " url" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " " < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " maintainer" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " qmk" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ,< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " tags" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " form_factor" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : < / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " numpad" < / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " layouts" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " LAYOUT" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : {< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " layout" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > : [< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Num Lock" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " /" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " *" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " -" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 7" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 8" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 9" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " +" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " h" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 4" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 5" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 6" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 1" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 2" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 1< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 3" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " Enter" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 3< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " h" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " 0" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 0< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 4< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " w" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > },< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > {< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " label" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#032F62;--shiki-dark:#9ECBFF;" > " ." < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " x" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 2< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > , < / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > " y" < / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > :< / span > < span style = "--shiki-light:#005CC5;--shiki-dark:#79B8FF;" > 4< / span > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > ]< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span >
< span class = "line" > < span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > }< / span > < / span > < / code > < / pre > < / div > < p > The < code > layouts< / code > object contains the data that represents the physical layout of the keyboard. It has an object < code > LAYOUT< / code > , which needs to match the name of our layout macro from < code > numpad.h< / code > . The < code > LAYOUT< / code > object itself has an object named < code > layout< / code > , which contains one JSON object for each physical key on our keyboard, formatted as follows:< / p > < div class = "language- vp-adaptive-theme" > < button title = "Copy Code" class = "copy" > < / button > < span class = "lang" > < / span > < pre class = "shiki shiki-themes github-light github-dark vp-code" > < code > < span class = "line" > < span > The name of the key. Not displayed in the Configurator.< / span > < / span >
< span class = "line" > < span > |< / span > < / span >
< span class = "line" > < span > | The key' s X-axis location, in key units from the< / span > < / span >
< span class = "line" > < span > | | keyboard' s left edge.< / span > < / span >
< span class = "line" > < span > | |< / span > < / span >
< span class = "line" > < span > | | The key' s Y-axis location, in key units from< / span > < / span >
< span class = "line" > < span > | | | the keyboard' s top (rear-facing) edge.< / span > < / span >
< span class = "line" > < span > ↓ ↓ ↓< / span > < / span >
< span class = "line" > < span > {" label" :" Num Lock" , " x" :0, " y" :0},< / span > < / span > < / code > < / pre > < / div > < p > Some objects will also have < code > " w" < / code > and < code > " h" < / code > keys, which represent a key' s width and height, respectively.< / p > < div class = "tip custom-block" > < p class = "custom-block-title" > TIP< / p > < p > For more on the < code > info.json< / code > files, see < a href = "./reference_info_json" > < code > info.json< / code > Format< / a > .< / p > < / div > < h2 id = "how-the-configurator-programs-keys" tabindex = "-1" > How the Configurator Programs Keys < a class = "header-anchor" href = "#how-the-configurator-programs-keys" aria-label = "Permalink to "How the Configurator Programs Keys"" > < / a > < / h2 > < p > The Configurator' s API uses the layout macro and the JSON file we' ve given it to create a visual representation of the keyboard that has each visual object tied to a specific key, in sequence:< / p > < table label: . , = " " x:2 , = " " y:4 = "" > < thead > < tr > < th style = "text-align:center;" > key in layout macro< / th > < th style = "text-align:left;" > JSON object used< / th > < / tr > < / thead > < tbody > < tr label:NumLock , = " " x:0 , = " " y:0 = "" > < td style = "text-align:center;" > k00< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: , = " " x:1 , = " " y:0 = "" > < td style = "text-align:center;" > k01< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: * , = " " x:2 , = " " y:0 = "" > < td style = "text-align:center;" > k02< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:- , = " " x:3 , = " " y:0 = "" > < td style = "text-align:center;" > k03< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:7 , = " " x:0 , = " " y:1 = "" > < td style = "text-align:center;" > k10< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:8 , = " " x:1 , = " " y:1 = "" > < td style = "text-align:center;" > k11< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:9 , = " " x:2 , = " " y:1 = "" > < td style = "text-align:center;" > k12< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label: + , = " " x:3 , = " " y:1 , = " " h:2 = "" > < td style = "text-align:center;" > k13< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:4 , = " " x:0 , = " " y:2 = "" > < td style = "text-align:center;" > k20< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:5 , = " " x:1 , = " " y:2 = "" > < td style = "text-align:center;" > k21< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:6 , = " " x:2 , = " " y:2 = "" > < td style = "text-align:center;" > k22< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:1 , = " " x:0 , = " " y:3 = "" > < td style = "text-align:center;" > k30< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:2 , = " " x:1 , = " " y:3 = "" > < td style = "text-align:center;" > k31< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:3 , = " " x:2 , = " " y:3 = "" > < td style = "text-align:center;" > k32< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:Enter , = " " x:3 , = " " y:3 , = " " h:2 = "" > < td style = "text-align:center;" > k33< / td > < td style = "text-align:left;" > < / td > < / tr > < tr label:0 , = " " x:0 , = " " y:4 , = " " w:2 = "" > < td style = "text-align:center;" > k40< / td > < td style = "text-align:left;" > < / td > < / tr > < tr > < td style = "text-align:center;" > k42< / td > < td style = "text-align:left;" > < / td > < / tr > < / tbody > < / table > < p > When a user selects the top-left key in the Configurator, and assigns Num Lock to it, the Configurator builds a keymap file with < code > KC_NUM< / code > as the first key, and so on as the keymap is built. The < code > label< / code > keys are not used; they are only for the user' s reference in identifying specific keys when debugging the < code > info.json< / code > file.< / p > < h2 id = "issues-and-hazards" tabindex = "-1" > Issues and Hazards < a class = "header-anchor" href = "#issues-and-hazards" aria-label = "Permalink to "Issues and Hazards"" > < / a > < / h2 > < p > Currently, the Configurator does not support key rotation or non-rectangular key shapes like ISO Enter. Additionally, keys that are vertically-offset from their " row" — the arrow keys on 1800-layouts like the < a href = "https://github.com/qmk/qmk_firmware/tree/4ac48a61a66206beaf2fdd5f2939d8bbedd0004c/keyboards/tkc1800/" target = "_blank" rel = "noreferrer" > TKC1800< / a > being a prominent example — confuse the KLE-to-JSON Converter, if not adjusted for by the contributor of the < code > info.json< / code > file.< / p > < h3 id = "workarounds" tabindex = "-1" > W
2024-06-02 02:43:43 +00:00
< script > w i n d o w . _ _ V P _ H A S H _ M A P _ _ = J S O N . p a r s e ( " { \ " c h a n g e l o g _ 2 0 2 1 0 5 2 9 . m d \ " : \ " C R 1 Y N f Z X \ " , \ " c h a n g e l o g _ 2 0 1 9 0 8 3 0 . m d \ " : \ " D r t q 3 l M y \ " , \ " c h a n g e l o g _ 2 0 2 1 0 2 2 7 . m d \ " : \ " B W O t C a e S \ " , \ " c h a n g e l o g _ 2 0 2 2 0 5 2 8 . m d \ " : \ " B X 3 C C Y 1 Z \ " , \ " c h a n g e l o g _ 2 0 2 0 1 1 2 8 . m d \ " : \ " 7 X X L 0 2 B n \ " , \ " c h a n g e l o g _ 2 0 2 2 0 2 2 6 . m d \ " : \ " B W O 5 r _ e c \ " , \ " c h a n g e l o g _ 2 0 2 0 0 5 3 0 . m d \ " : \ " D k - v R p T Q \ " , \ " c h a n g e l o g _ 2 0 2 1 0 8 2 8 . m d \ " : \ " D N b H I u u M \ " , \ " c h a n g e l o g _ 2 0 2 1 1 1 2 7 . m d \ " : \ " C l U a w W k q \ " , \ " d r i v e r s _ i 2 c . m d \ " : \ " C u j 8 7 r e B \ " , \ " f a q _ m i s c . m d \ " : \ " q G r h O T u 4 \ " , \ " c l i _ c o m m a n d s . m d \ " : \ " D G x - q N i E \ " , \ " d r i v e r s _ u a r t . m d \ " : \ " B N B s - m 3 h \ " , \ " f e a t u r e _ a d v a n c e d _ k e y c o d e s . m d \ " : \ " C X 8 d J k Y - \ " , \ " a p i _ o v e r v i e w . m d \ " : \ " 0 F P a U s M b \ " , \ " a r m _ d e b u g g i n g . m d \ " : \ " B H - H 2 U k z \ " , \ " f e a t u r e _ l a y e r s . m d \ " : \ " 8 G w B U T Z N \ " , \ " f e a t u r e s _ m o u s e _ k e y s . m d \ " : \ " C 3 P 3 p Y u E \ " , \ " f e a t u r e s _ o l e d _ d r i v e r . m d \ " : \ " D 9 w J V d L 1 \ " , \ " c h a n g e l o g _ 2 0 2 0 0 8 2 9 . m d \ " : \ " C o q r O f f n \ " , \ " b r e a k i n g _ c h a n g e s _ i n s t r u c t i o n s . m d \ " : \ " B A j I G e J b \ " , \ " c h a n g e l o g _ 2 0 2 3 0 2 2 6 . m d \ " : \ " C g 0 A Y x I n \ " , \ " c h a n g e l o g _ 2 0 2 4 0 5 2 6 . m d \ " : \ " i G L F D 0 S P \ " , \ " c h a n g e l o g _ 2 0 2 0 0 2 2 9 . m d \ " : \ " D N s o w w M 1 \ " , \ " b r e a k i n g _ c h a n g e s _ h i s t o r y . m d \ " : \ " C k z d D 6 x 8 \ " , \ " c h a n g e l o g _ 2 0 2 2 0 8 2 7 . m d \ " : \ " D j P t h q D k \ " , \ " c l i . m d \ " : \ " B L z A d A 6 l \ " , \ " p l a t f o r m d e v _ b l a c k p i l l _ f 4 x 1 . m d \ " : \ " D v O b L R u k \ " , \ " p l a t f o r m d e v _ p r o t o n _ c . m d \ " : \ " C D R u J B v D \ " , \ " s q u e e z i n g _ a v r . m d \ " : \ " B m c L Y K O r \ " , \ " p l a t f o r m d e v _ r p 2 0 4 0 . m d \ " : \ " C Y K Y M D f c \ " , \ " c l i _ t a b _ c o m p l e t e . m d \ " : \ " C h a x f z Y o \ " , \ " p l a t f o r m d e v _ s e l e c t i n g _ a r m _ m c u . m d \ " : \ " a F 4 D U s v b \ " , \ " d a t a _ d r i v e n _ c o n f i g . m d \ " : \ " B v L Q 7 P 2 0 \ " , \ " p o r t i n g _ y o u r _ k e y b o a r d _ t o _ q m k . m d \ " : \ " C G l G d F j 4 \ " , \ " o t h e r _ e c l i p s e . m d \ " : \ " C - z q y J O 9 \ " , \ " f e a t u r e s _ r g b _ m a t r i x . m d \ " : \ " 8 P R l k G E q \ " , \ " s y l l a b u s . m d \ " : \ " B _ A R G k L g \ " , \ " q u a n t u m _ p a i n t e r _ r l e . m d \ " : \ " B 0 7 V 3 m - n \ " , \ " f e a t u r e s _ h d 4 4 7 8 0 . m d \ " : \ " 1 5 K 4 0 o _ e \ " , \ " o n e _ s h o t _ k e y s . m d \ " : \ " Q R 0 9 r S b - \ " , \ " u n i t _ t e s t i n g . m d \ " : \ " u 3 f g b G U j \ " , \ " f e a t u r e s _ s e c u r e . m d \ " : \ " B X 7 j F v W 5 \ " , \ " f e a t u r e s _ r g b l i g h t . m d \ " : \ " D e h Q i k i L \ " , \ " f e a t u r e s _ s e n d _ s t r i n g . m d \ " : \ " v M 6 8 u n 4 v \ " , \ " r e f _ f u n c t i o n s . m d \ " : \ " B V I 2 u X S N \ " , \ " f l a s h i n g _ b o o t l o a d h i d . m d \ " : \ " a X G P 0 b N 5 \ " , \ " g e t t i n g _ s t a r t e d _ d o c k e r . m d \ " : \ " m z 6 H E 4 B l \ " , \ " g e t t i n g _ s t a r t e d _ g i t h u b . m d \ " : \ " O Y q 7 I T 7 B \ " , \ " g e t t i n g _ s t a r t e d _ i n t r o d u c t i o n . m d \ " : \ " B O J r e q S s \ " , \ " t a p _ h o l d . m d \ " : \ " D D 8 W T S l a \ " , \ " g e t t i n g _ s t a r t e d _ m a k e _ g u i d e . m d \ " : \ " B j U u E n S h \ " , \ " h a n d _ w i r e . m d \ " : \ " C c I 1 s p C v \ " , \ " u n d e r s t a n d i n g _ q m k . m d \ " : \ " f - B c _ e H Q \ " , \ " h a r d w a r e _ d r i v e r s . m d \ " : \ " B U n x 4 8 D 9 \ " , \ " f l a s h i n g . m d \ " : \ " B S Z F 2 R C y \ " , \ " i n d e x . m d \ " : \ " B 4 Q Y z v H E \ " , \ " k e y c o d e s _ m a g i c . m d \ " : \ " C G O 3 h g M m \ " , \ " h a r d w a r e _ k e y b o a r d _ g u i d e l i n e s . m d \ " : \ " C J e v s a n E \ " , \ " k e y c o d e s _ b a s i c . m d \ " : \ " C H I e C v w n \ " , \ " k e y c o d e s _ u s _ a n s i _ s h i f t e d . m d \ " : \ " C s 7 8 S D f M \ " , \ " r e f e r e n c e _ c o n f i g u r a t o r _ s u p p o r t . m d \ " : \ " F a B Q z I j 6 \ " , \ " m o d _ t a p . m d \ " : \ " C 7 w R K L c f \ " , \ " n e w b s . m d \ " : \ " - Y Y N d 3 d T \ " , \ " a p i _ d e v e l o p m e n t _ o v e r v i e w . m d \ " : \ " D c e y 4 n t L \ " , \ " c a p a b i l i t i e s _ i n c . m d \ " : \ " C a 9 z p M c e \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e . m d \ " : \ " D n V U K 9 i t \ " , \ " a p i _ d e v e l o p m e n t _ e n v i r o n m e n t . m d \ " : \ " E h J C l b 9 f \ " , \ " k e y m a p . m d \ " : \ " Y 4 F e i 1 T y \ " , \ " i s p _ f l a s h i n g _ g u i d e . m d \ " : \ " B i u B p O K X \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e _ w o r k f l o w . m d \ " : \ " D p L V w A 7 x \ " , \ " c l i _ d e v e l o p m e n t . m d \ " : \ " 3 x F A 2 O v S \ " , \ " c h a n g e l o g _ 2 0 2 3 1 1 2 6 . m d \ " : \ " D 2 O k 5 Q A f \ " , \ " c l i _ c o n f i g u r a t i o n . m d \ " : \ " C G S B 1 2 8 P \ " , \ " n e w b s _ e x t e r n a l _ u s e r s p a c e . m d \ " : \ " p D 9 L c - a 5 \ " , \ " n e w b s _ f l a s h i n g . m d \ " : \ " B 4 2 m 5 W l n \ " , \ " h o w _ k e y b o a r d s _ w o r k . m d \ " : \ " C B 7 z 8 o c b \ " , \ " n e w b s _ g e t t i n g _ s t a r t e d . m d \ " : \ " D D 4 a 5 q P C \ " , \ " o t h e r _ v s c o d e . m d \ " : \ " D i 3 v O y S R \ " , \ " k e y c o d e s . m d \ " : \ " h k O k K J P h \ " , \ " n e w b s _ g i t _ u s i n g _ y o u r _ m a s t e r _ b r a n c h . m d \ " : \ " B 9 D x Z C l 8 \ " , \ " q u a n t u m _ p a i n t e r _ l v g l . m d \ " : \ " D o b N b S g A \ " , \ " d o c u m e n t a t i o n _ t e m p l a t e s . m d \ " : \ " B h k u m 0 w D \ " , \ " a p i _ d o c s . m d \ " : \ " C R o D 6 C b L \ " , \ " s u p p o r t . m d \ " : \ " C w J _ H 6 Q x \ " , \ " d r i v e r _ i n s t a l l a t i o n _ z a d i g . m d \ " : \ " C X 9 - B A C t \ " , \ " c h a n g e l o g _ 2 0 2 2 1 1 2 6 . m d \ " : \ " D p b r n X e C \ " , \ " n e w b s _ b u i l d i n g _ f i r m w a r e _ c o n f i g u r a t o r . m d \ " : \ " y y o - 1 Q D E \ " , \ " n e w b s _ l e a r n _ m o r e _ r e s o u r c e s . m d \ " : \ " D j 1 s 2 B D G \ " , \ " b r e a k i n g _ c h a n g e s . m d \ " : \ " B t d q W Q l Y \ " , \ " d r i v e r s _ s e r i a l . m d \ " : \ " q x j y t V d M \ " , \ " q u a n t u m _ p a i n t e r _ q g f . m d \ " : \ " B J N S u 2 s 0 \ " , \ " n e w b s _ g i t _ b e s t _ p r a c t i c e s . m d \ " : \ " B I 2 - E V I 5 \ " , \ " n e w b s _ g i t _ r e s o l v i n g _ m e r g e _ c o n f l i c t s . m d \ " : \ " 7 2 w 3 B R m m \ " , \ " n e w b s _ g i t _ r e s y n c h r o n i z e _ a _ b r a n c h . m d \ " : \ " Y G D e f Q F x \ " , \ " d r i v e r s _ a p a 1 0 2 . m d \ " : \ " Q b - K X R p F \ " , \ " r e f e r e n c e _ k e y m a p _ e x t r a s . m d \ " : \ " - n _ b L m 7 8 \ " , \ " f e a t u r e s _ w p m . m d \ " : \ " B Y f - X c 1 H \ " , \ " d r i v e r s _ g p i o . m d \ " : \ " C 5 P v y J V h \ " , \ " d r i v e r s _ a u d i o . m d \ " : \ " m q a z 6 p 5 N \ " , \ " d r i v e r s _ s p i . m d \ " : \ " t J V e I T 7 e \ " , \ " c h a n g e l o g _ 2 0 2 4 0 2 2 5 . m d \ " : \ " B 4 - W r X j 6 \ " , \ " f e a t u r e s _ s e q u e n c e r . m d \ " : \ " D k g q N C s Q \ " , \ " d r i v e r s _ f l a s h . m d \ " : \ " D h W c H p 8 S \ " , \ " f e a t u r e
2024-05-30 02:02:10 +00:00
< / body >
< / html >
