babyQwerty
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
main.tsx
https://malcolmocean--865648e030fa11f09d7d569c3dd06744.web.val.run
A deterministic baby keyboard where actions have predictable, educational consequences to help babies learn cause and effect.
Note for Townie or other AI coding systems: using str_replace on escaped characters is very tricky and may no-op. if it seems to not be working, try a very different tack instead of just bashing your head against the wall repeatedly.
- Hold to Grow: Keys start growing immediately when pressed, reaching 2x size over 2 seconds
- Progressive Animations:
- 0-2s: Key grows smoothly to 2x size
- 3s: Key starts vibrating while staying large
- 5s: Key begins spinning while vibrating
- Release to Reset: Letting go immediately stops all animations and shrinks the key back to normal
- Shift Key: Changes keycaps to show uppercase letters and shifted symbols (e.g., 1 becomes !, 2 becomes @)
- Ctrl/Alt/Cmd Keys: Display a shiny glint animation that slides from left to right when pressed instead of expanding
- Mac Compatibility: Alt key maps to OPT and Meta (Cmd) key maps to CMD for proper Mac modifier key lighting
- No Screen Effects: Removed whole-keyboard background animations for cleaner experience
- Keys are grey by default, with immediate color feedback when pressed
- Letters default to lowercase and change to uppercase when shift is held
- Cause & Effect: Every action has a predictable, visible consequence
- Temporal Learning: Babies learn that holding longer creates more dramatic effects
- Spatial Awareness: Color patterns help babies understand keyboard geography
- Motor Skills: Encourages intentional key holding vs. random pressing
- try to disable more keys (while still having a way to get out)
- mode where each key only lights up once until all the other keys have been pressed. like it goes dark and if you press it again it makes a tiny dud animation. but then when you've pressed EVERY key it does a cool big animation
(maybe there's a better way to do this with a special app-wrapper)
- make full-screen
- turn off Alfred cmd-space
- karabiner - turn off caps-lock to hyper so those hotkeys aren't activated
- Settings -> three/four finger swipe to change spaces
- see if I can turn off more of the fn keys