Main HUD Improvements

[PepperLola]

Description

Improved the main HUD to fit with the Figma design, including a gradient background, the Autodesk logo, two separated buttons, and two item trays. The color manager sets the colors, so the default color scheme should be updated later. The hover effect in Figma is a lighter color than the background, but I don't think that's possible with the built-in color tint transition for Unity buttons. Luca is working on something that would make this possible, so I will update that once his is merged.

Objectives

• Updated Main HUD design
• Item hover effect
• Open and close HUD (tween library breaks sometimes and causes the movement to not happen)
• Update entries in practice mode
• Update entries in match mode

Testing Done

• Entered in modes available from main menu
• Clicked buttons to make sure modals/panels appear
• Change colors in theme manager
• Open and close a lot (after restarting Unity so tween library works)

JIRA Issue

[Markytt]

When I try to spawn in a robot using spawn assets or MultiBot, error messages will appear and the modal will appear without a dropdown.

Also if you try to click cancel on the model to make it disappear, an error message will appear saying that the modal failed to be closed.

[a-crowell]

Looking good. When you open a modal the open icon is still an X though. Same functionality, just the icon.

[PepperLola]

I moved controls and settings out of config mode because those have global options and I think they should be accessible without having a robot loaded.

[a-crowell]

I moved controls and settings out of config mode because those have global options and I think they should be accessible without having a robot loaded.

Thanks for catching the settings!
@KyroVibe I agree with taking out the controls if you've changed your mind.

[LucaHaverty]

It looks great!

Couple things I noticed:

If you change the "interactive select" color, it does not update until you stop Unity and hit play again.

If you quit to the main menu, then save the theme editor in the main menu, then enter singleplayer again, the main HUD shows up like this before choosing a mode:

I also noticed that the button highlights are smaller than in figma. Additionally, the icons and text seem to be closer to the edge and to each other in figma. It looks like the figma version is shorter overall.

Also, you might want to add a new color for the main hud buttons background because it is different than the new panel and modal bg color.

I have not found any issues with it's functionality. Just these small changes and it should be good to go!

[a-crowell]

Great work!

[BrandonPacewic]

Looks good. I noticed a small x on the bottom of the screen, not sure if it's related to this pr or not but it doesn't seem to be on dev.

[LucaHaverty]

Looks good. I noticed a small x on the bottom of the screen, not sure if it's related to this pr or not but it doesn't seem to be on dev.

Pretty sure that's from the old toast system

[LucaHaverty]

I didn't find any issues with how it works, nice job! I'm not a huge fan of how the button to collapse it is so far above the main hud though (especially in match mode). I think that users might not see it or not make the connection of what it is for. It is also hard to see against the background. Is there any way it could be part of the main hud or at least feel like they are related?

[HunterBarclay]

Pretty much perfect. I would be a little concerned about players not know what to do if they were dropped into the sim without a robot or field and has the MainHUD collapsed but we can see about that with the beta. I would switch to use the new Tweening system because when I was testing the current one failed.

[Markytt]

Things seem to be working well, the only bug I found was that in match mode, the controls shown sometimes still don't match the controls of the currently selected robot.

[PepperLola]

Things seem to be working well, the only bug I found was that in match mode, the controls shown sometimes still don't match the controls of the currently selected robot.

Could you provide steps to reproduce this issue, and do you know if there's something specific that happens to trigger that or is it just random?

[PepperLola]

I didn't find any issues with how it works, nice job! I'm not a huge fan of how the button to collapse it is so far above the main hud though (especially in match mode). I think that users might not see it or not make the connection of what it is for. It is also hard to see against the background. Is there any way it could be part of the main hud or at least feel like they are related?

I just recreated the way it looks in Figma. The skybox in that design was dark which made it easier to see, so maybe we could change the color of the icons later?

[PepperLola]

Looks good. I noticed a small x on the bottom of the screen, not sure if it's related to this pr or not but it doesn't seem to be on dev.

This was from the old toast system and is gone now with the new one.

[HunterBarclay]

Looks good!

[BrandonPacewic]

Clean recreation of the new design!

[LucaHaverty]

Looks good, fantastic work!

[Markytt]

The code is working great, I didn't find anymore issues or bugs.