#✅ | Heart Icons

1 messages · Page 1 of 1 (latest)

ember totemBOT
#

Hey Jayden! 😊
It looks like your message didn’t have any specific question. I can only help with things related to the SpiffyHUD/FancyMenu docs—if you let me know what you’re trying to do, I’ll be happy to help!

thin crystal
#

how do i make the red hearts stay at the botom

ember totemBOT
# thin crystal how do i make the red hearts stay at the botom

If you want the hearts to always stay at the bottom, anchor them to a bottom-based anchor point so they keep that position even when the window resizes.

  1. Open the Spiffy layout in the editor and select the heart bar element.
  2. While dragging it, hover over one of the bottom anchor points (bottom-left, bottom-center, bottom-right) until the anchor changes, then drop it there.
  3. Enable Sticky Anchors (right-click element → Sticky Anchors) so the element keeps the same distance to that anchor even when its size changes.
  4. If needed, disable “Stay On Screen” for that element so it can sit flush against the edge without being nudged inward.

That keeps your custom hearts locked to the bottom of the screen. You can read more about anchors and sticky positioning here: Positioning Elements.

thin crystal
#

with vanilla like player hearts, when only have red hearts, they move up when i want them on the bottom

ember totemBOT
# thin crystal with vanilla like player hearts, when only have red hearts, they move up when i ...

Vanilla-like player hearts follow the normal HUD logic, so when you only have red hearts they still obey the sticky anchor they’re tied to. If they jump upward, it’s because the element isn’t anchored to a bottom anchor point (and “Stay On Screen” pushes it up).

To keep them glued to the bottom:

  1. Right-click the heart bar element and choose an anchor like Bottom Center or Bottom Left so it’s literally anchored to that edge.
  2. Enable Sticky Anchors (right-click → Sticky Anchors) so the element keeps the same distance to that bottom anchor even if its size changes.
  3. If needed, disable Stay On Screen so it can sit flush against the bottom instead of being nudged upward by the safety gap.

That way the vanilla-like hearts stay locked to the bottom edge even when they switch between red/absorption states. More about anchors here: Positioning Elements.

thin crystal
#

how do i make the vanilla like armor do the same thing

ember totemBOT
# thin crystal how do i make the vanilla like armor do the same thing

Do the same as with the hearts: anchor the vanilla-like armor bar to a bottom anchor and enable sticky anchors.

  1. Right-click the armor bar element and set its anchor to e.g. Bottom Center or Bottom Left.
  2. Enable Sticky Anchors so the element keeps the same offset to that bottom edge even when its size changes.
  3. Disable Stay On Screen if you want it flush at the very bottom (otherwise Minecraft keeps a safety gap).

That keeps the armor pips fixed to the bottom like the hearts. The positioning doc has more detail: Positioning Elements.

thin crystal
#

how do i make it appear when any armour slot is filled?

ember totemBOT
# thin crystal how do i make it appear when any armour slot is filled?

Use a loading requirement that checks the armor slots so the armor bar only shows while any of them contain gear.

  1. Right-click the vanilla-like armor bar → Loading Requirements.
  2. Add the Is Inventory Slot Filled requirement four times, once for each armor slot ID:
    • Boots = 36
    • Leggings = 37
    • Chestplate = 38
    • Helmet = 39
      (Slot IDs are listed in the Inventory Slot IDs doc if you need a refresher.)
  3. Switch the requirement set to “Any” (so it shows when any of those slots is filled instead of needing all four).
  4. Save the layout.

That way the armor bar only renders when at least one armor slot has an item in it. If you prefer more control (e.g., custom graphics), you can replicate this logic per element or use a variable/ticker to track the slots and feed it into Is Variable Value.

thin crystal
#

i want it to fade in, what's a good speed?

ember totemBOT
# thin crystal i want it to fade in, what's a good speed?

You can use the element’s built-in fade feature: right-click the armor bar → Fading → Enabled, then set the Speed value.
For HUD elements, a value between 0.3 and 0.6 feels smooth without being too slow—0.4 is a good starting point. If you want a faster pop-in, go lower (e.g. 0.2), and for a dreamy fade, set it higher (0.7+). Adjust until it matches the rest of your HUD’s rhythm.

thin crystal
#

can i get player heads on the locator bar?

ember totemBOT
# thin crystal can i get player heads on the locator bar?

The locator bar itself is a vanilla-like element, so you can’t add new content directly inside it (that system simply reuses vanilla rendering). What you can do instead is place a separate Player Head/Image element right next to it, then anchor both to the same bottom/center point so they move together.

  1. Add a Player Head (or Image with a Minotar URL placeholder) near the locator bar.
  2. Anchor both the locator bar and the head to the same bottom anchor and enable Sticky Anchors so they stay aligned.
  3. Use placement/spacing tweaks in the editor until the head sits where you want it.

For the head element setup, see the Player Heads guide, and for anchoring tips, check Positioning Elements.

ember totemBOT
#

✅ | Heart Icons