Skip to content

🎨 Palette: Improve score readability and HUD polish#253

Open
aidasofialily-cmd wants to merge 1 commit into
mainfrom
palette/improve-score-readability-6643702494115697253
Open

🎨 Palette: Improve score readability and HUD polish#253
aidasofialily-cmd wants to merge 1 commit into
mainfrom
palette/improve-score-readability-6643702494115697253

Conversation

@aidasofialily-cmd
Copy link
Copy Markdown
Owner

This PR introduces several micro-UX improvements to the "Speed Clicker" terminal game to enhance readability and visual polish.

💡 What:

  • Added a formatWithCommas helper to format scores with thousands separators (e.g., 1,000,000 instead of 1000000).
  • Implemented the CLR_EOL macro (\033[K) to replace fragile space-padding for line updates.
  • Standardized HUD styling by applying consistent colors to both labels and values.

🎯 Why:

  • Large numbers are difficult to read at a glance in a fast-paced game; commas provide immediate visual grouping.
  • Manual space padding can leave visual artifacts if the line length fluctuates; CLR_EOL ensures a clean terminal state.
  • Consistent color coding helps users quickly distinguish between different HUD elements.

Accessibility:

  • Improved visual contrast and information hierarchy through consistent color usage and formatted numeric data.

PR created automatically by Jules for task 6643702494115697253 started by @aidasofialily-cmd

Implemented thousands separators for all score displays to improve readability as values escalate. Polished the HUD by styling labels for visual consistency and using the ANSI Erase in Line sequence (CLR_EOL) for robust terminal updates.

- Added formatWithCommas utility for score formatting.
- Added CLR_EOL macro for cleaner line clearing.
- Applied formatting to Personal Best, HUD scores, and Final Score.
- Styled HUD "High:" label with CLR_SCORE.
- Ensured CLR_RESET is applied to prevent color bleed.

Co-authored-by: aidasofialily-cmd <247843425+aidasofialily-cmd@users.noreply.github.com>
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant