I removed the text from the action bar, but I can't remove the background, how do I do it?

[civic gyro]

  "namespace": "hud",

  "hud_actionbar_text/actionbar_message": {
    "$atext": "$actionbar_text",
    "visible": "(not (not ($atext = $update_bar_1) and not (($atext - $update_bar_1) = $atext)))"
  },
  

  "stamina": {
    "type": "label",
    "offset": [ 229, -40 ],
    "anchor_from": "bottom_left",
    "anchor_to": "bottom_left",
    "layer": 10,
    "text": "($atext - $update_bar_1)",
    "$atext": "$actionbar_text",
    "visible": "(not ($atext = $update_bar_1) and not (($atext - $update_bar_1) = $atext))"
  },
  
  "stamina_factory": {
    "type": "panel",
    "factory": {
      "name": "hud_actionbar_text_factory",
      "control_ids": {
        "hud_actionbar_text": "[email protected]"
      }
    }
  },
  
  "root_panel": {
    "modifications": [
      {
        "array_name": "controls",
        "operation": "insert_front",
        "value": {
          "[email protected]_factory": {}
        }
      }
    ]
  }
}

[civic gyro]

nvm i fixed this

[forest lichen]

How did you make the custom bar work?

[civic gyro]

Couldn't reply as I don't remember and I won't be home until next week.

I can text you next week.

[forest lichen]

Sure that'd fine and thanks

[pine kernel]

place this and disappear

"hud_actionbar_text": {
        "type": "image",
        "anchor_from": "top_middle",
        "anchor_to": "top_middle",
        "size": [ "100%c + 12px",  "100%c + 5px" ],
        "offset": [ 0, "50%-68px" ],
        "texture": "textures/ui/hud_tip_text_background",
        "alpha": "@hud.anim_actionbar_text_background_alpha_out",
        "$atext": "$actionbar_text",
        "visible": "(not (not ($atext = $update_bar_1) and not (($atext - $update_bar_1) = $atext)))",
        "controls": [
            {
                "actionbar_message": {
                    "type": "label",
                    "anchor_from": "center",
                    "anchor_to": "center",
                    "color": "$tool_tip_text",
                    "layer": 31,
                    "text": "$actionbar_text",
                    "localize": false,
                    "alpha": "@hud.anim_actionbar_text_alpha_out",
                    "$atext": "$actionbar_text",
                     "visible": "(not (not ($atext = $update_bar_1) and not (($atext - $update_bar_1) = $atext)))"
                }
            }
        ]
    }

[forest lichen]

Hey question, do you know how to make a custom bar?

[pine kernel]

what type of bar?

bossbar ?

or something similar ?{

[forest lichen]

Like e.g a mana/energy/stamina bar following a scoreboard?

[pine kernel]

You mean that the score level is displayed in the form of, for example, the ambre bar
that ?

[forest lichen]

No like a score(health) 1 - 10 then it displays like 1 heart when the score is at 1, 2 hearts at 2 and so on

[pine kernel]

Ohhh yes
yes I know how to do that
wait while I do it

[forest lichen]

Oh thank you I'd really appreciate. Don't rush I have all day + the weekend

[pine kernel]

only there is one problem, this is possible only with title, not with actionbar

[forest lichen]

Title like /title?

[pine kernel]

This is only possible since it is with binding and binding does not work in actionbar

[pine kernel]

/title @a title...

[forest lichen]

Ah I see I think I can do it like that just fine thanks anyway

[forest lichen]

Oh but can you change the titles location to like the side of the screen?

[pine kernel]

Yes, in a moment I will send you the code

[forest lichen]

Thanks

[pine kernel]

you position it where you like

[forest lichen]

I just realized I don't know how to do it with /title @a title. So could you help me with that? I don't know how I would place the images

[pine kernel]

you won't have to do anything
You will only need to place the percentage

[forest lichen]

Oh nice

[pine kernel]

This is the result, is it okay?

the title letters can be removed

[forest lichen]

Yeah it's fine tha k you

Sorry for the late reply

[pine kernel]

@forest lichen
how to use

• in $clip_max you must enter the maximum percentage it will have, for example I put 5 and don't forget the .0, it is very important

• in texture you must place the image with the number of indicators, as in the image I sent below

• in $string_bar you must place a word to execute said counter, for example, I used IndicatorBar:
  what would be IndicatorBar: + percentage
  the title will be seen

/title @a title IndicatorBar:10

• in size you should put the percentage of x that you like, but in y you should multiply the size of x * percentage
  For example I put 16
  it would
  16*5=80
  80 is the size of y

it would work correctly

Remember to take the image as a reference, in the image there are 5 hearts, so the maximum percentage is 5, you place the ones that are necessary

the code is the following:

"example_bar": {
        "type": "panel",
        "size": [0, 16],
        "controls": [
            {
                "bar": {
                    "$clip_max": 5.0,
                    "texture": "textures/ui/example_bar",
                    "$string_bar": "IndicatorBar:",
                    "size": [16, 80],

                    "type": "image",
                    "layer": 2,
                    "clip_direction": "left",
                    "clip_pixelperfect": true,
                    "keep_ratio": false,
                    "offset": [0, -40],
                    "bindings": [
                        {
                            "binding_name": "#hud_title_text_string"
                        },
                        {
                            "binding_type": "view",
                            "source_property_name": "(#hud_title_text_string - $string_bar)",
                            "target_property_name": "#texto"
                        },
                        {
                            "binding_type": "view",
                            "source_property_name": "(#texto * 1)",
                            "target_property_name": "#ratio"
                        },
                        {
                            "binding_type": "view",
                            "source_property_name": "(($clip_max - #ratio) / $clip_max)",
                            "target_property_name": "#clip_ratio"
                        },
                        {
                            "binding_type": "view",
                            "source_property_name": "(($clip_max - #ratio) / $clip_max)",
                            "target_property_name": "#clip_ratio"
                        }
                    ]
                }
            }
        ]
    }

    "hotbar_panel": {
        "type": "panel",
        "size": ["100%c", 22],
        "anchor_from": "bottom_middle",
        "anchor_to": "bottom_middle",
        "controls": [
            {
                "@hud.example_bar": {}
            },
            {
                "stackpanel_hotbar": {
                    "type": "stack_panel",
                    "orientation": "horizontal",
                    "size": [ "100%c", 22 ],
                    "anchor_from": "bottom_middle",
                    "anchor_to": "bottom_middle",
                    "controls": [
                        { "[email protected]_start_cap": {} },
                        { "[email protected]_elipses_panel_left_content": {} },
                        { "[email protected]_grid": {} },
                        { "[email protected]_elipses_panel_right_content": {} },
                        { "[email protected]_end_cap": {} }
                    ]
                }
            }
        ]
    },

here is the texture if you want to try it

[forest lichen]

Thank you so much and extar thanks for the explanation

[pine kernel]

Yes you're welcome

[forest lichen]

Do the 2 sets of code go in 1 file or 2?

[pine kernel]

is 1
hud_screen

just copy and paste

[forest lichen]

Okay

[forest lichen]

How do i change the value? /title ...?

[pine kernel]

Excuse me, what do you mean?

[forest lichen]

Like let's say the 5 is the health how would I remove and add health?

[forest lichen]

Oh no nevermind I see now

[forest lichen]

But how do I remove the title text in the middle of the screen?

[pine kernel]

if you used scores
I think there is a way to put the score value in the title.

[pine kernel]

oh sorry I forgot

[pine kernel]

You will have to put the $string_bar here again

  "hud_title_text/title_frame/title": {
    "$string_bar": "IndicatorBar:",
    "modifications": [
      {
        "array_name": "bindings",
        "operation": "insert_back",
        "value": {
          "binding_type": "view",
          "source_property_name": "(#text - $string_bar)",
          "target_property_name": "#visible"
        }
      }
    ]
  }

[forest lichen]

What do you mean? I copy ans paste in hud_screen

[pine kernel]

yes

[forest lichen]

Could you check if I've done it right

[pine kernel]

Yes! it is perfect

[forest lichen]

Thank you. I can only have one right?

One bar

[pine kernel]

You can create more but you have to modify the json a lot more

[forest lichen]

Like in a way I'd have to do the same thing twice?

[pine kernel]

No, since we will use only 1 title since you cannot put 2 titles at the same time, we would have to do 2 in 1
and in the code the binding would be different

[forest lichen]

Oh I see

I'll try later on so if I need help I'll ask you or on json ui

[pine kernel]

Perfect, if you want, make an example of what it would be like with 2 so you can base yourself on it.

[forest lichen]

I got errors

[pine kernel]

mojang changed some things and the truth is I don't know what the error is since apparently everything is fine

[forest lichen]

Oh okay I tweak around with it and try to figure it out

[pine kernel]

perfect

[pine kernel]

Here is the code for 2 bars if you are interested

[forest lichen]

Thank you I am. Thanks alot

[pine kernel]

that is only possible up to number 9
If you put more than 9 it could be damaged

[forest lichen]

Ok

[forest lichen]

Is it posibile to clip from up going down and set background pieces?

[pine kernel]

Sorry I do not understand

[forest lichen]

Let me try showing

You gave

Can I make it like

[pine kernel]

oh ok ok wait what am I looking for

[forest lichen]

Instead of it going like 👉 it goes like 👇

[pine kernel]

you have to modify in the code, where it says clip_direction;
If you want it to start from the top down I think it's up
from bottom to top is down

[pine kernel]

the image should also be that way

[forest lichen]

Yeah that's how my image is so I was worried I'd had go change it

[forest lichen]

One last thing how can I add a background part for each bar?

[pine kernel]

wait for me to send you an example

[forest lichen]

Okay

[pine kernel]

something did

[forest lichen]

Thabk you

[pine kernel]

👍

[runic schooner]

Idk why but if you make to many bar, ui gonna be slow , i mean it cannot load fast

[forest lichen]

I'm ending at 2

[runic schooner]

._. I have jusst make only 5 bar and my ui now cannot load fasst

[forest lichen]

Thats unfortunate

Could you help me with my two bars?

[runic schooner]

Like my stamina point is at it min point but the bar need 1-2 sec to show the min ui

._. My code kinda different with the code you get up thire

[forest lichen]

Ah I see

Wow

[runic schooner]

I think my ui problem is that in your system we use something like
title @a title ui_1:1ui_2:1
But in my system it like
title @a title ui_1:1
title @a title ui_2:1

I using preserve title text see we can split the command and the ui will still work , but it get the problem when i make ao many ui and i think that my system got break

[forest lichen]

Oh I see

[runic schooner]

You know stamina and roll addon

That the perfect thing we can get

But i cant understand how that ui work

That addon dev (kamii) he using so many elements that i event doesn't know what it using for :)?

[forest lichen]

Yeah addons become confusing sometime 🥲

[runic schooner]

Not the script im just confused at the ui 😭😭😭

[forest lichen]

I'm struggling with both 😢

How did you get rid of the title in the middle of the screen

[runic schooner]

You mean make it disappear

[forest lichen]

Yes

@pine kernel

Sorry for the ping

I think I made a mistake

The 3 images sizes are [5, 101]

Everything together

[pine kernel]

It already works, you must be careful with the small details.
the binding of 1 is different from 2
and depending on the text you place the values ​​may vary

[pine kernel]

to remove text on screen

 "hud_title_text/title_frame/title": {
    "$string_bar": "oxygen_bar",
    "modifications": [
      {
        "array_name": "bindings",
        "operation": "insert_back",
        "value": {
          "binding_type": "view",
          "source_property_name": "(#text - $string_bar)",
          "target_property_name": "#visible"
        }
      }
    ]
  }

[waxen birch]

@pine kernel im really sorry for necroposting, but ive got a few questions
im thinking of making two bars using actionbar, one above the hotbar and the other below crosshair using glyphs (or above the hotbar if the crosshair does not exist)

1. can those break actionbar?
2. ill be using scripts to set the actionbar, does it work similar to the title one?

[waxen birch]

nvm got them working

[wild sandal]

@pine kernel sorry for the ping but i trying to do seperate bar like Bar_1 for bar1 and Bar_2 for bar2 but it doesn't work

[waxen birch]

use this template instead, should be more flexible

also you mightve noticed the '%.7s' part

this gets the first '7' letters from the string

idk if you did make sure of that but im saying just in case

also beware that i didnt make the UI to stay when another title appears, im still a newbie so i cant get that to work

[wild sandal]

ty thought but the json u send just make every things in HUD dissaper

[waxen birch]

what

that shouldnt happen

[wild sandal]

idk why thought

[waxen birch]

it should be like this (except for texture + there would be another ui element)

[waxen birch]

just make sure youre not overwriting hotbar (the one you sent one does)

[wild sandal]

[UI][error]-UI Control: hud_screen | UI Control: variables_button_mappings_and_controls | UI Control: safezone_screen_matrix | UI Control: inner_matrix | UI Control: safezone_screen_panel | UI Control: root_screen_panel | ----------------------------------------------------
Unknown properties found in def[root_panel] from namespace[hud]

• Unknown property [modifications]

---

it have this error and make every HUD element dissaper

[waxen birch]

uh

do you have a root panel already

or smth?

hmmm why isnt hud recognizing root panel

[wild sandal]

let me check it real quick

oh yeah

i have 2 hud thing

[waxen birch]

that explains

[wild sandal]

i just delete 1 and it displaying the texture now

tysm

[waxen birch]

np

it still doesnt preserve the bar so be careful

im trying to figure out how to do preserved title

[wild sandal]

im still want this so if u onl can u teach me how pls

[noble wraith]

how to fix this?

[waxen birch]

whats the issue

[noble wraith]

it switch to another bar when fill it

[waxen birch]

you should differenate each hotbar's variables

[noble wraith]

how?

[waxen birch]

i cant really help with json ui

[noble wraith]

oh tysm