Implement notifications HUD

[urFate]

Describe the pull Implement nice looking notifications HUD. At the current state, nothing more than just draft to demonstrate what im wanna do and collect suggestions and improvements from community.

Describe how this pull is helpful This element will help to focus the player's attention on important events in the game. For example, the use of the totem of immortality by the opponent or other important things. In the current implementation, sending chat notifications is very easy not to notice them with a huge flow of messages. It also adds more usefulness, beauty and convenience to our client.

Additional context Notifications demo in current state.

https://user-images.githubusercontent.com/43936310/216843167-4afbd49a-a2b5-48d5-aaba-a0fd3d7f0eb3.mp4

[rfresh2]

I like the idea!

I've made some changes on my branch if you'd like to merge that into yours.

Things I've changed:

• Migrated to a client module instead of a hud element
• Improved support for various screen sizes by replacing most hardcoded values with math
• Added various configuration options:
  • Mode: Sets if notifications are sent to chat, rendered, or both
  • Notification Height: Set the height of the notification box
  • Render Location: I think some opinionated locations for where notifications are rendered is best rather than letting users drag it around wherever.
  • H and W Padding: blank space vertically or horizontally around where notifications start
• various other small changes like not forcing custom font

[kdh8219]

#421

[urFate]

I like the idea!

I've made some changes on my branch if you'd like to merge that into yours.

Things I've changed:

• Migrated to a client module instead of a hud element

• Improved support for various screen sizes by replacing most hardcoded values with math

• Added various configuration options:

  • Mode: Sets if notifications are sent to chat, rendered, or both
  • Notification Height: Set the height of the notification box
  • Render Location: I think some opinionated locations for where notifications are rendered is best rather than letting users drag it around wherever.
  • H and W Padding: blank space vertically or horizontally around where notifications start

• various other small changes like not forcing custom font

Merged it with a bit of changes. Now I can continue work with animations.

[urFate]

Fade effects demo

https://user-images.githubusercontent.com/43936310/218314721-a1f5a06d-a3ab-44e1-b458-0445435514da.mp4

[kdh8219]

I've made animation on my brach!

https://user-images.githubusercontent.com/65698239/226365118-71e83e72-3cd8-4566-b0e7-142e5f393454.mov

[urFate]

I've made animation on my brach!

Good work comrade! Merged it :+1:

[kdh8219]

Fix y moving animation here so sorry....

[kdh8219]

#144