Keystroke Overlay

@rebindv0.1.1

A keyboard and mouse on screen that light up as you press them, for streams, recordings, and tutorials.

Files

layout.json

{
  "height": 338,
  "margin": 12,
  "pad": 3,
  "slant": 10,
  "parts": [
    {
      "id": "grave",
      "label": "~",
      "x": 12,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["Grave"]
    },
    {
      "id": "1",
      "label": "1",
      "x": 78,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["1"]
    },
    {
      "id": "2",
      "label": "2",
      "x": 144,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["2"]
    },
    {
      "id": "3",
      "label": "3",
      "x": 210,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["3"]
    },
    {
      "id": "4",
      "label": "4",
      "x": 276,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["4"]
    },
    {
      "id": "5",
      "label": "5",
      "x": 342,
      "y": 12,
      "w": 70,
      "h": 58,
      "keys": ["5"]
    },

    {
      "id": "tab",
      "label": "TAB",
      "x": 12,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["Tab"]
    },
    {
      "id": "q",
      "label": "Q",
      "x": 78,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["Q"]
    },
    {
      "id": "w",
      "label": "W",
      "x": 144,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["W"]
    },
    {
      "id": "e",
      "label": "E",
      "x": 210,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["E"]
    },
    {
      "id": "r",
      "label": "R",
      "x": 276,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["R"]
    },
    {
      "id": "t",
      "label": "T",
      "x": 342,
      "y": 76,
      "w": 70,
      "h": 58,
      "keys": ["T"]
    },

    {
      "id": "a",
      "label": "A",
      "x": 78,
      "y": 140,
      "w": 70,
      "h": 58,
      "keys": ["A"]
    },
    {
      "id": "s",
      "label": "S",
      "x": 144,
      "y": 140,
      "w": 70,
      "h": 58,
      "keys": ["S"]
    },
    {
      "id": "d",
      "label": "D",
      "x": 210,
      "y": 140,
      "w": 70,
      "h": 58,
      "keys": ["D"]
    },
    {
      "id": "f",
      "label": "F",
      "x": 276,
      "y": 140,
      "w": 70,
      "h": 58,
      "keys": ["F"]
    },
    {
      "id": "g",
      "label": "G",
      "x": 342,
      "y": 140,
      "w": 70,
      "h": 58,
      "keys": ["G"]
    },

    {
      "id": "shift",
      "label": "SHIFT",
      "x": 12,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["LShift", "RShift"]
    },
    {
      "id": "z",
      "label": "Z",
      "x": 78,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["Z"]
    },
    {
      "id": "x",
      "label": "X",
      "x": 144,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["X"]
    },
    {
      "id": "c",
      "label": "C",
      "x": 210,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["C"]
    },
    {
      "id": "v",
      "label": "V",
      "x": 276,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["V"]
    },
    {
      "id": "b",
      "label": "B",
      "x": 342,
      "y": 204,
      "w": 70,
      "h": 58,
      "keys": ["B"]
    },

    {
      "id": "ctrl",
      "label": "CTRL",
      "x": 12,
      "y": 268,
      "w": 70,
      "h": 58,
      "keys": ["LCtrl", "RCtrl"]
    },
    {
      "id": "alt",
      "label": "ALT",
      "x": 144,
      "y": 268,
      "w": 70,
      "h": 58,
      "keys": ["LAlt", "RAlt"]
    },
    {
      "id": "space",
      "label": "",
      "x": 210,
      "y": 268,
      "w": 202,
      "h": 58,
      "keys": ["Space"]
    },

    {
      "id": "mouse-body",
      "x": 440,
      "y": 142,
      "w": 188,
      "h": 184,
      "keys": [],
      "path": "M 0 0 H 188 V 100 A 94 84 0 0 1 0 100 Z"
    },
    {
      "id": "mouse-left",
      "x": 440,
      "y": 12,
      "w": 76,
      "h": 124,
      "keys": ["Mouse1"],
      "path": "M 0 124 V 52 A 52 52 0 0 1 52 0 H 76 V 124 Z"
    },
    {
      "id": "mouse-right",
      "x": 552,
      "y": 12,
      "w": 76,
      "h": 124,
      "keys": ["Mouse2"],
      "path": "M 0 0 H 24 A 52 52 0 0 1 76 52 V 124 H 0 Z"
    },
    {
      "id": "mouse-wheel",
      "x": 522,
      "y": 36,
      "w": 24,
      "h": 64,
      "keys": ["Mouse3"],
      "timer": { "x": 534, "y": 104 },
      "path": "M 12 0 A 12 12 0 0 1 24 12 V 52 A 12 12 0 0 1 0 52 V 12 A 12 12 0 0 1 12 0 Z"
    },
    {
      "id": "mouse-forward",
      "x": 448,
      "y": 162,
      "w": 22,
      "h": 44,
      "keys": ["Mouse5"],
      "timer": { "x": 492, "y": 177 },
      "path": "M 6 0 H 16 A 6 6 0 0 1 22 6 V 38 A 6 6 0 0 1 16 44 H 6 A 6 6 0 0 1 0 38 V 6 A 6 6 0 0 1 6 0 Z"
    },
    {
      "id": "mouse-back",
      "x": 448,
      "y": 214,
      "w": 22,
      "h": 44,
      "keys": ["Mouse4"],
      "timer": { "x": 492, "y": 229 },
      "path": "M 6 0 H 16 A 6 6 0 0 1 22 6 V 38 A 6 6 0 0 1 16 44 H 6 A 6 6 0 0 1 0 38 V 6 A 6 6 0 0 1 6 0 Z"
    }
  ]
}

63 files without text previews