Eyeball: A Precision Clicking Game for Visual Estimation

Eyeball is a minimalist web-based game designed to test a user's ability to visually estimate a specific point on a line based on a given numerical target. The game emphasizes precision clicking, primarily optimized for mouse or trackpad input, as touch-based finger taps are generally less accurate.

Core Gameplay and Mechanics

Eyeball challenges users to partition a line by clicking the exact location of a target number relative to a scale. The goal is to minimize the percentage of error between the clicked point and the actual target location.

Key characteristics of the experience include:

  • Input Optimization: The developer explicitly notes that the game is built for precision clicking. While playable on touch devices, the lack of accuracy in finger taps makes it difficult to compete with mouse-driven precision.
  • Minimalist Design: Users have described the interface as clean and simple, allowing the focus to remain entirely on the visual estimation task.
  • Difficulty Factors: Some users noted that the visual prominence of the numbers compared to the end marks can create a bias, potentially making the estimation more difficult by altering the perceived space between the marks.

User Feedback and Community Insights

Community discussion on Hacker News reveals a wide range of human performance and suggestions for expanding the game's scope.

Performance and Human Error

Users reported vastly different results, ranging from perfect 0.00% hits to significant inaccuracies. Some users found the task surprisingly difficult, noting a lack of innate ability to perform the spatial partitioning required. Others observed that estimation is easier at common anchors like 5%, 10%, or 50%.

Proposed Feature Enhancements

Users suggested several technical and gameplay additions to increase the challenge and utility of the app:

  • Training Mode: A mode where users can repeat missed targets to increase learning speed and accuracy.
  • Time Constraints: The addition of a timer or time-trial mode to add pressure and prevent users from over-calculating.
  • Expanded Geometry: Moving beyond simple lines to include diagonal lines, curved lines, or angle bisection on a circle.
  • Progress Tracking: The ability to track accuracy and speed improvements over time.
  • Data Visualization: A proposal to store the range, correct number, and selected number as triplets to create heatmaps of human eyeballing patterns across different ranges.

Technical Observations and Exploits

Because the game is browser-based, users identified ways to bypass the visual challenge using mathematical calculations or code.

"Just measure the bar length, then cross-multiply. :) Example: bar is 1250px, max is 2100, number is 376 → (1250 × 376) / 2100 ≈ 223.8px from the start, that's the 0.00%."

Additionally, some users utilized JavaScript to programmatically trigger clicks at the exact coordinate calculated from the bar's bounding client rectangle and the target state, achieving perfect scores through automation rather than visual estimation.

Sources