Ra Survival

Is minecraft map for Bedrock Edition created by Radium and inspired by Call of Duty Zombie mode. I was hired to implement UI for this map, which includes various elements such as hotbars, gun display, rounds, power-ups, perks, crosshair notifications and more.

My part here was to just add this entire logic. I didn't created any textures, but used provided and made them work with JsonUI system.

Generally this project is still in development and textures, icons, design and everything may be changed or slightly adjusted.

Information

Key contributors and development credits for this project.
UI system creator: AxmBro
Main creator: Radium

Everything In Action

Take a look at this development video, which shows in details all elements created by me. Pay attention to all animations - something very rare to see in such complex projects!

Custom Inventory Screen

Take a look at this development video, which shows extra open/close animations!

In-game Screenshots

Here is a list of in-game screenshots with short description! There were already some elements, so here is only list that I created and added to this map.
  • Hotbars

    1. Hotbars

    Classic vanilla layout has been changed to 3 sections.

  • Closer look at hotbars

    2. Closer look at hotbars

    With in-game items it gets more interesting!

  • Opacity function in hotbars

    3. Opacity function in hotbars

    When player has special items in slot, they are less visible and selected texture is not visible at all - to indicate that player has no access to this slot.

  • Special Round Animation

    4. Special Round Animation

    Is played when player starts game.

  • Rounds element

    5. Rounds element

    Is in bottom left corner. It shows current round number and has fancy change animation when switching rounds - to match three bell sounds, it flashes and changes color to dark red.

  • Gun display

    6. Gun display

    Is in bottom right corner. It shows current gun icon, name and ammo. It has fancy slide animation when switching guns.

  • Low ammo indicator

    7. Low ammo indicator

    When ammo is really low, color is changed to dark red and text appears under crosshair. Also with subtle entry animation!

  • Power-Ups

    8. Power-Ups

    It's anoter UI part above hotbars. If player colects any power-up, then there are entry and exit animations on UI.

  • All Power-Ups

    9. All Power-Ups

    If player has more power-ups at the same time, they expand to fit everything in middle, of course with entry and exit animation!

  • Perks

    10. Perks

    Positioned in bottom left corner above rounds element, used to indicate that player has certain buffs.

  • Crosshair notifications

    11. Crosshair notifications

    Extra element for quick message to user.

  • Hurt Flash

    12. Hurt Flash

    Whenever player receives damage and their health is not low, slightly red overlay appears.

  • Electric Flash

    13. Electric Flash

    Is visible when player walks through electric trap, blue overlay appears with entry animation and disappears smoothly as well.

Custom Inventory Screen

Simple layout that update sinstantly without any reloads. By using some simple trick I managed to make it this way instead of using server forms :D
  • Custom Inventory Screen

    1. Custom Inventory Screen

    Separated by updatable elements. Everything you see there can be changed.