Creating a Resident Evil 2 Raccoon City Map in UE5: A Beginner's Guide

=====================================================

In this tutorial, we will explore how to recreate one of survival horror's most iconic environments - Raccoon City from Resident Evil 3 (or Code: Veronica for those outside North America) using Unreal Engine 5. This guide assumes you have a basic understanding of UE and its core features.

Step One: Setting Up Your Project

------------------------------

1. Open up your copy of UE5.

2. Click on 'File' > 'New Project'.

3. Select the 'Third-Person Shooter (Blank)' project template from the dialogue box that appears, then click Next.

4. Name your new project something like 'RE4 Map' and choose a location to save it.

Step Two: Creating Assets

----------------------

### 2A - Health Bar

For this part of our tutorial we will be creating an actor blueprint called 'HealthBar'. This is where all the magic happens for our health bar.

1. In your project's content browser, right-click and select 'Blueprint Class' > 'Actor'.

2. Name the new Blueprint class 'HealthBar' and click OK.

### 2B - Health Bar UI

Now we need to create a user interface (UI) widget that will display our health bar on screen.

1. In your project's content browser, right-click again and select 'WidgetBlueprint Class'.

2. Name this new Blueprint class 'HealthBarUI' and click OK.

### 3C - Health Bar UI Layout

In the details view of the new UI Blueprint, add a 'ProgressBar' component to represent our health bar itself. You can change its appearance by adjusting various properties like color, width etc...

Step Three: Implementing Logic

--------------------------

Now we need to link up all these pieces together so when an instance of 'HealthBar' is created it will display the corresponding UI on screen.

### 3A - Health Bar Blueprint

In your 'Blueprint Graph' window for the health bar actor, drag and drop a new 'Event Tick()' node from the 'Input | Event Functions' section. This will be called every frame to update our health value displayed in-game.

### 3B - Update UI Function

Next we need to create a function that updates the UI based on the current health of our character.

1. Right-click within your graph and select 'Function' > 'Native Function'.

2. Name this new native function 'UpdateHealthUI' (case sensitive!) then click OK.

### 3C - Update Health Bar UI

Now we need to call our update function from wherever it's being called in the game logic.

1. In your character Blueprint, find where you're calling SetHealth() or whatever method is used to change their current health value.

2. Before that line of code add an 'If' statement checking if `health > 0` (you can adjust this threshold as needed).

3. Inside the If block, call our native function with the current health value passed in like so: `UpdateHealthUI(Self)`.

Step Four: Implementing FOV Fix

-----------------------------

To finish off we need to implement rainlys' Flawful Widescreen FoV patch which fixes several issues related to Field of View (FOV) when using widescreens. This will make your game look much more like the original Resident Evil 4 experience.

1. Download and extract 'rainlys FOV Patch'(https://github.com/rebirthed/RE4-FoW-Patch/releases/latest/download/rainyls_FoS_FOWFix.zip).

2. Inside the extracted folder, find 'FovPatch.uc' (or whatever filename it has depending on your engine version) inside the 'Plugins/FOV/' directory.

3. Copy all contents from that file into a new Blueprint Class called 'FoWFixer' in UE5's Content Browser under YourProject > Blueprints > Classes > GameFramework.

Step Five: Implementing FOV Fix In-game

-----------------------------------

Now we just need to call our FoW fix function whenever the game starts up. This can be done by creating a new Blueprint Class called 'ApplicationStartup', inheriting from `AActor`, and overriding its `BeginPlay()` method in the same way as above.

Finally, you're all set! Compile your project again and start playing Resident Evil 4 with widescreen support enabled through the options menu under 'Video Settings'. Enjoy!

This concludes this beginner-friendly guide on how to recreate one of survival horror's most iconic environments - Raccoon City from Resident Evil 3 (or Code: Veronica) using Unreal Engine 5. Remember, practice makes perfect! Happy modding!

Resident evil 4 cheat engine