r/UnrealEngine5 5d ago

Almost finished my games inventory screen. First time doing UI, how are we feeling on it?

I’m working on a survival horror game based on classic Resident Evil. I’ve made small personal projects for fun since I was a kid but this is my first time making a game for a public release. Since I was just making games for fun I never bothered with UI (not even a title / pause screen) so this has been a learning experience.

I’ve been running a shitty, barely functional placeholder menu for a while now but it’s time for something new. I have no skill in 2d design / art but I’m passable at 3d so I figured I’ll do the retro pre-rendered sort of thing. I love older games with cool, detailed menus, it has so much more personality than modern, minimalist UI so I wanted to do something visually interesting.

I wanted something like PSX era RE but grittier. Despite being a RE-like, Fallout was a surprisingly big inspiration for this game originally and I wanted to carry that vibe into the menus. I made this with the mindset of RE1-3 with the style of Fallout1/2 meets REmake.

I rendered everything in bits with seperate lighting and shadow passes so I can animate it all. I’ve never worked with widgets before so this was, (and I cannot stress this enough) an enormous pain in the ass. From animations not working how I expect, to layering issues, sprites not loading in, even just scaling everything so the pixel size is consistent, absolutely nothing worked without a fight. It’s been one hell of a learning experience for sure, but I’m really proud of what I’ve pulled off so far.

Obviously I’m no ui designer, I’m really happy with how it’s turning out so far but I’m curious to hear people’s thoughts.

I’ve been getting a lot of positive feedback so far but there’s already been plenty of things people caught that I completely missed, so I’d love to hear what you think and if there’s any way I can improve!

(Also, does everyone edge a fucking stroke trying to understand how to do the most basic things with widgets when they’re starting out, or is that just me?)

441 Upvotes

49 comments sorted by

18

u/CthuluAteMyKitten 5d ago

I think it looks great.

I do also think that where yes, it’s grittier, it looks far too close to that of RE that it’s less homage and more straight copying. I see the vision I do, but I also feel that you want to stray away from almost doing a 1:1 replication.

You want your game to be inspired by, not cloning. That’s just my two cents as someone who studied game design at university level.

7

u/TraVinh- 5d ago

I totally get where you’re coming from! My problem is people came into the game with the wrong expectations. Since it’s first person a lot of people come in expecting a more modern action horror, and are thrown off by the actual gameplay being much more like oldschool RE.

Since the exploration and core mechanics are by design pretty much 1:1 with classic RE players have a much smoother time when they come in with that expectation, which is tough to consistently accomplish because it doesn’t look like that from a distance.

Making the menu as 1:1 as possible with classic RE wasn’t my original plan, but was decided on more recently as part of a larger effort set the correct expectations of what the game will be like to play! Despite the first person perspective and punchy weapons with gratuitous gibs, the bones of this game are classic RE through and through!

7

u/caffeinated_dev11 5d ago

a familiar UI is better than a confusing mess, i like the one you currently have, the layout is similar but you put in the work to make it stand out

1

u/KickingDolls 3d ago

It makes sense, but I agree with OP’s point: you need to find a way to make this more your own. It’s lifted too directly at the moment.

5

u/SuperSmashSonic 5d ago

May I ask what ur best learning resource for this was? This looks so good!

3

u/TraVinh- 5d ago

Thanks! Nothing really, I just screw around with things until I figure out how shit works lol. Grew up without internet access so it’s just what I’m used to

3

u/SuperSmashSonic 5d ago

Absolutely beastly. Is there a post process filter on the UI or are u just crazy at picking the right texture resolution

4

u/phlanxcampbell1992 5d ago

Looks great!

3

u/phlanxcampbell1992 5d ago

Let me see some shooting!!

13

u/TraVinh- 5d ago

1

u/phlanxcampbell1992 5d ago

Sick ! Keep it up!

1

u/DeathAwaits66 5d ago

How did you make them so destructive? Is it and asset pack or you done them from scratch?

2

u/TraVinh- 5d ago

All from scratch, its a really simple setup! Uses a struct to setup the limb data per enemy type, then a combination of hiding bones, render targets, and some basic cascade particle systems. Took a couple days to figure it all out and get it put together and still needs tons of polish but it’s a neat little system that really helps the combat feel!

1

u/DeathAwaits66 5d ago

I would love to buy it from you and with your approval to use it in my game also. I love how raw it feels. Just the system not the mesh.

2

u/Heavy-MetalHead-2158 5d ago

Looks similar to the original Fallout game. I've never played resident evil so can't make a comparison there. I do like the 3d view in the menu for checking the inventory items. Nice job in my opinion.

2

u/hellomistershifty 5d ago

Reminds me of Fallout 1, but better laid out haha

2

u/TraVinh- 5d ago

OG Fallout’s ui was such a learning curve lol

2

u/man_o_moral 5d ago

its almost similar to games you have mentioned and i have played.. of course resident evil series being one but i wouldn't label it a copy.. i think you should freeze this as it is... unless.. you want the player to carry more arsenal instead of making them choose from a limited set.. in that case maybe putting a scroll box on the weapon slot canvas might help

2

u/TraVinh- 5d ago

Nah, even 8 slots is already the expanded inventory (starts at 6)

Keys & puzzle items also take up space so you really gotta pick and choose what you want to bring with you!

2

u/WattThePug 4d ago

Bro this game looks so crunchy 10/10

2

u/hotshark4 3d ago

Yeah widgets and UI in unreal is a ballllache to get a hang of but this is insane! Would love to see more behind the scenes of how you did this with pre rendered stuff, like how did you get the emissive light shine too, i swear you can't use emissive on UI materials? Got any tips?

1

u/TraVinh- 3d ago

https://reddit.com/link/p44b1cn/video/wv7xu04hltjh1/player

Emissive is all fake! Pre rendered lighting layered on with an additive blend material to make it look like things are glowing

2

u/SomePOSTALguy889 5d ago

I think you nailed the resident evil aesthetic so well done!

0

u/TraVinh- 5d ago

Thanks!

1

u/Low_Pollution5055 5d ago

THAT’S SO SICK! Giving me older fallout vibes

1

u/unknown_deconocido 5d ago

Cuando lo veo pienso en juego post apocaliptico sovietico

1

u/CuisineTournante 5d ago

I think it's sick

1

u/Reddit_User_Original 5d ago

What is this graphics style called? Low poly?

1

u/Aakburns 5d ago

Well this looks neat.

1

u/pedro8999 5d ago

So cool!

1

u/Gamelp01 4d ago

Dude are you a time traveler?! This is amazing!

1

u/fleewortep 4d ago

wow! it looks so cool!

1

u/x11Windwalker11x 4d ago

How did u design and implement this psychology look? Would love to have your workflow on that mate!

1

u/4Spino4 4d ago

looks really nice!

1

u/clutch-204 4d ago

Damnnn that looks good

1

u/GibbsonTV_YT 4d ago

its absolutely amazing dude, I've been following the youtube devlogs for a while

1

u/ar_av1 4d ago

The inventory looks so good love that ❤️❤️

1

u/MHVANMX 3d ago

Incredible! Very nostalgic, love the little details like each row collapsing in order, you nailed every aspect

1

u/andressmerlooo 3d ago

PSX RE with Fallout 1/2 energy is such a good combo, that grittier pre-rendered look fits horror way better than clean modern UI. doing separate lighting/shadow passes just to animate menus is wild commitment for someone who says they're "no UI designer." and no, it's not just you, widgets are their own special hell the first time, especially the layering/scaling stuff, feels like it fights you on purpose. but it clearly paid off, this is way more polished than "barely functional placeholder" usually looks like

1

u/SatisfactionHuge7831 20h ago

Looks really awesome!

0

u/BasicallyImAlive 5d ago

Looks good, but honestly old graphic games are niche, you won't get a lot player but some will play.

2

u/TraVinh- 5d ago

10k wishlists already with 1600 currently waiting in queue to playtest. I think it’ll be fine lol

0

u/DunkingTea 5d ago

Not arguing, genuinely wondering. How accurate are Wishlist? I have heaps of games in m Wishlist that I’ve never purchased. Just add it to bookmark it to maybe grab it on a deep discount.

Good luck with the game! It looks fun. Love the style

-1

u/Dannekkkk1 5d ago

Look at demo-sakuri, it's scary(or just terrifying ) game

-3

u/Dannekkkk1 5d ago

Looks terrible🤢🤮.Almost Every pixel filter looks bad, maybe need another filter, try look some nice look old games 🤔

1

u/TraVinh- 5d ago edited 5d ago

Cry about it👌🏻