There is nothing more frustrating in UI design than an element that looks almost centered but isn't. This "optical misalignment" can create a subconscious sense of unease for users, making an application feel unstable or unpolished.
Is It Centered? is a high-stakes test of your ability to detect absolute geometric balance versus deceptive shifts.
Optical vs. Mathematical Centering
While math tells us the center is always (width/2, height/2), our eyes sometimes disagree. For example, a heavy play icon (a triangle) often needs to be shifted slightly to the right to look centered because of its asymmetrical weight.
However, in this game, we are testing for Mathematical Perfection. The dot is either exactly at the algebraic center of the shape, or it has been shifted by a randomized vector to throw you off.
The Rules of Engagement
- One Life Only: This isn't a practice session. A single incorrect guess terminates your training immediately.
- Increasing Difficulty: As you progress through the 10 levels, the shapes become more complex (from simple squares to intersecting tri-combos) and the offsets become smaller and harder to detect.
- Target Results: After you guess, the game reveals the "algebraic crosshairs"—the perfect vertical and horizontal axes of the shape.
Track Your Precision
At the end of your run, you'll receive a Final Precision Score based on how many levels you cleared. The game will even give you a sarcastic remark about your performance—because as designers, we're our own harshest critics.