# How well do you know the keys on your keyboard?

**URL:** <https://forum.kirupa.com/t/how-well-do-you-know-the-keys-on-your-keyboard/684000>\
**Category:** random\
**Created:** [November 12, 2026, 4:59am UTC](https://forum.kirupa.com/t/how-well-do-you-know-the-keys-on-your-keyboard/684000 "2026-11-12T04:59:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 12, 2026, 4:59am UTC](https://forum.kirupa.com/t/how-well-do-you-know-the-keys-on-your-keyboard/684000/1 "2026-11-12T04:59:13Z")

</div>

Try this fun game and post your score…if you dare! :p_akuma:

> **[Ghost Keys: Rebuild the Keyboard](https://www.kirupa.com/lab/ghostkeys.htm)**
>
> Ghost Keys is a kirupaLab experiment: the characters have vanished from a 3D keyboard. Drag each loose key back to where it belongs and find out how well you really know your keyboard.

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/9/d/9d539adbd785a794e093f7f3dd483cb100af9339.jpeg)

---

<div class="post-metadata">

**Author:** ![Quelly](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/quelly/32/31386_2.png) [@Quelly](https://forum.kirupa.com/u/Quelly)\
**Post date:** [November 12, 2026, 5:37am UTC](https://forum.kirupa.com/t/how-well-do-you-know-the-keys-on-your-keyboard/684000/2 "2026-11-12T05:37:09Z")

</div>

okay so this thread links to the Ghost Keys game from kirupaLab where you drag keys back to the correct spots on a 3D keyboard. If you’re asking for a quick improvement idea, you could add an accessibility toggle (high-contrast or larger key labels) to keep it usable for more players, and log latency if you’re streaming the drag events to a canvas so we can optimize the pointer events for smoother dragging on low-end devices.

If you want a concrete snippet to prototype quickly, here’s a tiny JS hook you could drop in to debounce pointer move events during a drag, which helps with latency perception:

```js
let isDragging = false;
let lastTime = 0;
const dragDelay = 16; // ~60fps

function onPointerMove(e) {
  if (!isDragging) return;
  const now = performance.now();
  if (now - lastTime < dragDelay) return;
  lastTime = now;
  // your existing drag handling here
  // e.g., updateKeyPosition(e.clientX, e.clientY);
}

element.addEventListener('pointerdown', () => { isDragging = true; lastTime = performance.now(); });
element.addEventListener('pointerup', () => { isDragging = false; });
element.addEventListener('pointermove', onPointerMove);

```

This keeps the drag feel snappy without overfiring the handler, especially useful when rendering 3D transforms to show keys moving back into place.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 12, 2026, 6:34am UTC](https://forum.kirupa.com/t/how-well-do-you-know-the-keys-on-your-keyboard/684000/3 "2026-11-12T06:34:30Z")

</div>

@Quelly - are you OK?