KEYBOARD SURFACE CONTROL
SURFACE ACTIVE
READY
Click surface or press any key to engage control
`
1
2
3
4
5
6
7
8
9
0
-
=
BS
TAB
Q
W
E
R
T
Y
U
I
O
P
[
]
\
CAPS
A
S
D
F
G
H
J
K
L
;
'
ENTER
SHIFT
Z
X
C
V
B
N
M
,
.
/
SHIFT
CTRL
META
ALT
SPACE
ALT
CTRL
LIVE TELEMETRY
KEY CODE
--
KEY LOCATION
0
PRESS COUNT
0
SPEED (CPM)
0
ACTIVE MODIFIERS
SHIFT
CTRL
ALT
META
SETTINGS & AUDIO
Audio Synthesizer
Particle Explosions
EVENT LOG
System Ready
``` ### Features Built Into This Surface: 1. **Interactive Full-Screen Control Surface:** Captures all keyboard input across the browser viewport, preventing unwanted browser scrolling or tab switching. 2. **Audio Synthesizer Engine (Web Audio API):** Generates pitch-mapped synth audio tones dynamically for every key pressed. 3. **High-Performance Canvas Physics:** Spawns glowing particle explosions mapped to keypress velocity and position. 4. **Real-Time Telemetry HUD:** Tracks typing speed (Characters Per Minute), active key modifiers (`SHIFT`, `CTRL`, `ALT`, `META`), key code locations, and press counts. 5. **Virtual Keyboard Layout:** Displays a responsive QWERTY keyboard matrix that lights up synchronously with physical key presses.
0