Skip to content

Feature/analyze heart gauge y0xhh#8

Open
NoelDavies wants to merge 89 commits into
Cysha:masterfrom
pokelinkapp:feature/analyze-heart-gauge-y0xhh
Open

Feature/analyze heart gauge y0xhh#8
NoelDavies wants to merge 89 commits into
Cysha:masterfrom
pokelinkapp:feature/analyze-heart-gauge-y0xhh

Conversation

@NoelDavies

@NoelDavies NoelDavies commented Mar 14, 2026

Copy link
Copy Markdown
Member

For shadow Pokémon (isShadow=true), replace the exp bar with a purple heart gauge bar using heartGaugePercentage from the proto data. The bar
is segmented into 5 sections matching the in-game Colosseum/XD UI.

Notes:
Hidden for eggs, consistent #7B2FBE purple across all themes.

Themes updated: bdsp-battle-style-hud, stick-it-down,
twitch-plays-pokemon, jezzabel-personal, digital-hex.

Additional changes:

  • Extracted the heart gauge markup/logic into a shared reusable component (v2/themes/_shared/components/heartGauge.vue.ts) and styles (v2/themes/_shared/styles/heartGauge.css), with ARIA meter attributes for accessibility.
  • Added a shadow heart gauge ring to digital-hex's hex-shaped Pokémon slot, drawn as a purple progress arc that overlays the existing health hexagon.
  • Added a new dev tool at v2/dev-tools/theme-preview/ for browsing and comparing all PokeLink v2 theme displays against a live PokeLink session: a primary preview with Back/Next navigation plus a grid of every theme below it. Navigating between themes reuses the already-connected iframe (no reconnect), and every preview renders at a fixed 1920x1080 canvas scaled to fit its container so themes always display as they would in OBS.

NimbusFox and others added 30 commits May 21, 2025 17:10
Also renamed the handle functions to conform to on functions
Stunfisk's sprite showed there's no limit to how wide a sprite can be
so now there's a max limit of 160px width
For shadow Pokémon (isShadow=true), replace the exp bar with a purple
heart gauge bar using heartGaugePercentage from the proto data. The bar
is segmented into 5 sections matching the in-game Colosseum/XD UI.
Hidden for eggs, consistent #7B2FBE purple across all themes.

Themes updated: bdsp-battle-style-hud, stick-it-down,
twitch-plays-pokemon, jezzabel-personal.

https://claude.ai/code/session_01VDoQr8irsUVMvT1jKHSV2Y
Move heart gauge template and logic into a shared component at
_shared/components/heartGauge.vue.ts, following the same pattern
as trimmedSprite. Each theme imports and registers the component,
while CSS styling remains per-theme for full visual control.

https://claude.ai/code/session_01VDoQr8irsUVMvT1jKHSV2Y
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.

3 participants