NeoHotbar | A modern, flexible hotbar for Roblox

NeoHotbar

A modern, flexible hotbar for Roblox
📦Model | 🔧Source | 💬Discord


:package:Installation

:page_facing_up: Documentation

:video_game: Live Demo

:sparkles: Features

  • Custom buttons
  • Full UI overriding
  • Functional properties
    |
  • Modern design
  • Proper mobile, console and VR support
  • Feature parity


Watermark

97 Likes

Great job, this looks amazing! I can’t wait to try it out.

One thing I think you could add is the tooltips on hover since you need to equip a tool to see it’s tooltip.

Still an impressive hotbar none the less.

11 Likes

Thanks!

As for ToolTips, mobile compatibility was the main concern with that, since they can’t really “hover” without sticking their thumb in the way of the ToolTip.

8 Likes

You did a good job

The only thing you could change is that when you press a number button [not on the numpad], It equips the tool at a certain number

Also can you add this thing

This is from Satchel

7 Likes

It should already be doing that… it’s working for me. Can you give me more info, or send a place file for me to look at?

4 Likes

When I press 1, 2, 3, 4, It only shows the tooltip instead of actually equipping it

3 Likes

It’s now been fixed and the Roblox model is updated.

This was seemingly due to an issue with Roblox’s RunContext system somehow executing the script twice, starting two separate instances of NeoHotbar.

5 Likes

As is, this is a great resource! Thank you for your contribution on the forum.

If you take suggestions, I have one that many other hot-bar or backpack resources haven’t implemented (to my knowledge):

  • Is integration of viewport models for tools possible? In addition, are some settings for how they rotate via settings of the hot-bar itself, or which axis they face on with the camera, determined with an attribute that is assigned to the tool?

That’d save a lot of time with having to make tool icons, which is a major stride above what many backpack resources (including the default) have been lacking for the longest time. The feature could easily be implemented by oneself, but this resource aims to be flexible, so that’d make the hot-bar even more promising than it originally was.

In addition, it’d be more convenient if you made the integration as an official update to the model, due to how you’re the most familiar with the code of this resource, and it’d prevent the chances of anyone breaking the system if they made any changes of this type themselves.

I’d love if you could do this, but it’s your choice. The resource alone is a great gift by itself. :slight_smile:

I hope more people will recognize this resource and give it the attention it deserves as well as support you on future projects or contributions. It’s very clean and polished compared to other alternatives. Many thanks. :smile:

7 Likes

This was something I considered during development, and actually implemented when I scripted a hotbar for one of my games years ago.

Unfortunately, Roblox doesn’t handle ViewportModels very well, displaying an aliased preview on low graphics settings. Considering 60%+ of Roblox’s userbase is on mobile, this wasn’t working.

Another issue was developers being unfamiliar with entering rotation and zoom values. As soon as they adopt the hotbar, they would see their tools at awkward, improper angles.

By the way, here’s a tool that makes batch rendering tool icons more manageable:

4 Likes

Yeah I was aware of the aliasing issue when rendered, but had no idea that it was worse on mobile. Thank you for teaching me about this, I had just learned something new about viewports.

That’s entirely true, and wouldn’t be too useful for a lot of people, since they’d have to do a lot of experimentation with it in order to get the desired result.

Thank you for the citation to this tool! This could be a very powerful alternative to making tool icons in the future. Hilariously enough, I had looked for this exact type of resource for making icons in general for about anything just a day ago and hadn’t found results; I almost gave up, but just now you had sent me the link I was looking for. This is exactly what I needed! :slight_smile:

Edit: My words got scrambled when quoting, apologies. It has been reformatted. :+1:

5 Likes

I have another idea as to how I want to handle large amounts of tools in the hotbar. But that’s for a future update. And for now, games don’t typically have many tools so it’s not a big priority for me.

4 Likes

Nicely done, however I do have a concern.

When dragging/holding an item button, by default you should set the color to white indicating it has been selected as it makes it easier for the player to understand their interaction and which button.

Other than that,
[+] Kudos for contribution

3 Likes

Great job on it.

  1. What about slot tool # switching via the mouse scroll wheel. Like you can switch what is active from 1 , 2 ,3 via the mouse scroll wheel.

  2. Drag tool to workspace, via mouse drag

2 Likes

Also limited slot for the hot bar, like 6 only, and no backpack… meaning you can not fill up more then 6… if you try to do 7, screen shake, and a BEeeeeeeeeeeep sound…

Thus the need to be able to drop hotbar items …

Relating to mouse scroll bar slot hotbar selection, that is key for PVP games, to do a impulse bomb slot 1 , to grenade slot 2 combo

also custom UI slot overlay

plus slots change color and flash when mouse goes over them…

1 Like

but what if you want to hide a tool from your hotbar?

sir it’s a hotbar not a backpack

2 Likes

what? I am confused, The only time I heard “hotbar” was at Minecraft, which is why I’m confused, so how do I hide tools?

wow good job, this looks cool, can’t wait to try it out (let there be competition!)

1 Like

you don’t? just drop tools I guess, also “Hotbar” is mentioned in the resource title “NeoHotbar” :stuck_out_tongue:

The difference between this resource and the Roblox Backpack is that this resource doesn’t use a backpack interface.

I actually like that approach. I believe a backpack interface is getting pretty outdated. I want to restrict the amount of items the player can carry (2 long guns, 2 short guns and 2 tools), so this resource would be perfect for me.

If you need a backpack, go with Satchel.

2 Likes