I got a challenge to re-create a design that I liked from a game, so I decided to re-create the HUD from Street Fighter 6.
One limitation that I had when creating this is that I was unable to find the art assets that go behind the characters name, so I didn’t include them in my design. If I can find them, I will be sure to update this project!
First, this is an image of the original in game HUD so that you can see the original design.
Here is my re-creation overlay, created in Figma and Photoshop.
And here is an image of my re-creation placed on-top of the original screenshot!
I then implemented this design using Universal Fighting Engine 2 for Unity! Here’s a brief video of the design at work in game.
CHRISTOPHER GUYTON 