How to make UI in S&box 2024 (Vitals, Healthbar, Inventory & Pause Menu)

Поделиться
HTML-код
  • Опубликовано: 15 ноя 2024

Комментарии • 17

  • @ignut2342
    @ignut2342 8 месяцев назад +8

    bro, plz remember this comment
    Dont stop and you will be popular

  • @whyareless
    @whyareless Месяц назад

    Great video, haven't touched CSS in many, many years. This was incredibly helpful 🙂

  • @ozzeusz
    @ozzeusz Месяц назад

    thats great. i think s&box needs more guides like this one!

  • @Hackermaine
    @Hackermaine 9 месяцев назад +5

    At 23:55 when you identify the scroll function through the hotbar, this function will not move the active slot on the hotbar when ActiveSlot

    • @CarsonKompon
      @CarsonKompon  9 месяцев назад +1

      Good catch, thanks for commenting with the solution :)

    • @MrFearlesskiller
      @MrFearlesskiller 7 месяцев назад +1

      Thanks for the code, really helpful

  • @ZowieBeha
    @ZowieBeha Месяц назад

    Loved it. Really smart use of Flexbox!

  • @MrFearlesskiller
    @MrFearlesskiller 7 месяцев назад +2

    Hey, at 28:51 you talk about Player.Items, which I am guessing is an array, but in you PlayerController class, it was a List for the inventory. Can you elaborate on what the Items is exactly?
    I think sharing the tutorial code so we can just explore it ourselves would be pretty nice, but I understand if you wouldnt want to :)

  • @ceitine
    @ceitine 9 месяцев назад +2

    amazingly detailed video

  • @StiekemeHenk
    @StiekemeHenk 3 месяца назад +1

    Okay but how did you get your character in the bottom right because that's really fun

  • @Michnife
    @Michnife 8 месяцев назад

    Thanks you for this tuto, it was really helpfull

  • @ZaxisYT
    @ZaxisYT 8 месяцев назад +1

    Hey Carson, is there any other way to handle UI in s&box?
    If not, I have a challenge for you. Take the health bar from the evil within series, follows the curve of a circle. How would this be handled in css? I was able to get to the health bars inside each other, but then was unable to appropriately get the health bar to reduce, it would go all wonky and not be aligned.
    Not super familiar with css as a whole, so was just curious if you had some additional pointers or maybe some place to look.
    Awesome video overall, so thanks for taking the time to make it.

    • @CarsonKompon
      @CarsonKompon  8 месяцев назад +1

      You want to have a div that fills like the following (instead of setting the width style, we're setting the background-image to a conic-gradient)
      Then additionally in the css for the .progress class you want to add a mask to shape it like a ring (like so):
      mask-image: radial-gradient(black 0%, black 42.9%, white 43%, white 49.9%, black 50%);

    • @ZaxisYT
      @ZaxisYT 8 месяцев назад +1

      @CarsonKompon Thanks for taking the time to respond, I'll give that a shot.

  • @rodlopt
    @rodlopt 9 месяцев назад +3

    did terry shave his eyebrows?

    • @CarsonKompon
      @CarsonKompon  9 месяцев назад +2

      Yes but he'll hopefully grow them back next week

  • @novostranger
    @novostranger 6 месяцев назад

    S&vtuber