Falling Letters Login
Must catch falling letters to build username and password.
Tags:logingamecatch
Tech:canvasgame-mechanicsanimation
Live Demo
⚠️ Warning: This is an intentionally terrible UI pattern. Do not use in production applications.
Enter your credentials
Use arrow keys or mouse to catch letters! Currently filling: username
Why This Control Is Terrible
Users can't type their credentials normally. Instead, random letters and numbers fall from the sky like rain, and users must move a catcher left and right to catch the right characters in the correct order. Miss a letter and you have to start over. The falling speed is unpredictable, and you can't control which letters fall when. It's like playing Tetris just to log in.
UX Violations
- Violates user expectations and mental models
- Increases cognitive load and frustration
- May cause accessibility issues
- Breaks established design patterns
- Provides poor feedback and unclear states