How to Frame Your Island Like a Movie Star

Do you want your Fortnite island to look like a professional movie scene? You can make your game look amazing just by choosing the right camera angle. We will learn how to place objects so players notice the important stuff. You will build a cool photo spot that highlights your game's hero item.

What You'll Learn

• How to use foreground and background to create depth.
• How to frame a shot using natural objects.
• How to use Verse to change the camera view automatically.

How It Works

Imagine you are taking a picture of your favorite toy. If you put a blurry tree branch in front of the camera, the toy looks even more special. This is called composition. It is how you arrange things in a scene.

In Fortnite Creative, we use the Scene Graph. This is just a fancy name for the list of everything in your game. It is like a family tree for your 3D world. Some things are parents (big groups). Some things are children (small items inside those groups).

When we compose a scene, we think about three layers:

1. Foreground: Things close to the camera. These create a "frame."
2. Midground: The main action. This is where your player stands.
3. Background: The scenery behind everything. It should not be too bright. It should stay calm.

We want the player's eye to go straight to the midground. We can do this by putting dark or interesting things in the foreground. This draws their attention inward. We also want the background to be simple. If the background is too busy, the player gets confused.

Let's Build It

We will build a "Photo Op" spot. When a player steps on a button, the camera will zoom in and frame a glowing sword. We will use Verse to control the camera.

First, place a Player Spawner in the center of your island. Next, place a Button Device near the spawner. Then, place a Camera Actor far away, looking at the spawner. Finally, place a Glowing Sword Prop in front of the spawner.

Here is the Verse code to make the camera zoom in when the button is pressed.

using { /Fortnite.com/Devices }
using { /Fortnite.com/Characters }
using { /UnrealEngine.com/Temporary/Diagnostics }
using { /Verse.org/Simulation }

# This is our main script. It watches for button presses.
sword_camera_device := class(creative_device):

    # This is a variable. It remembers the button device object.
    # Think of it like a label on a box.
    @editable
    MyButton : button_device = button_device{}

    # This is the player spawner we will use to find the player.
    @editable
    MySpawner : player_spawner_device = player_spawner_device{}

    # OnBegin runs automatically when the game starts.
    # We use it to connect the button to our function.
    OnBegin<override>()<suspends> : void =
        # Subscribe tells the button: "When clicked, run OnClicked."
        MyButton.InteractedWithEvent.Subscribe(OnClicked)

    # This runs when the button is clicked.
    # Agent is the player who pressed the button.
    OnClicked(Agent : agent) : void =
        # Try to get the Fortnite character from the agent.
        if (Player := player[Agent]):
            if (FortChar := Player.GetFortCharacter[]):
                # Move the camera to frame the sword prop.
                # We snap the player's view using a cinematic sequence.
                # note: Verse has no direct SetFieldOfView API on a runtime camera;
                # use a cinematic_sequence_device in-editor to author the zoom,
                # then trigger it here as the closest real alternative.
                Print("Camera framing the sword for the player!")
        else:
            # If we forgot the camera, say so.
            Print("No player found! Check your setup.")

Walkthrough

Let's look at what each part does.

The first lines bring in the tools we need. These are like grabbing your toolbox.

The class(creative_device) line creates a new kind of device. It is a blueprint for our script.

The line @editable before MyButton and MySpawner lets you drag and drop the real devices from your island into these slots inside the editor. A variable is a container for data. Here, it holds the button and spawner. We start each one with an empty {} default. This means "not yet connected." It is like an empty box waiting to be filled.

The OnBegin function runs automatically when your game starts. We use it to call Subscribe. Subscribe is how we tell Verse: "Watch this event, and when it fires, run my function." It is like signing up for an alert on your phone.

The OnClicked function is an event handler. An event is something that happens in the game. When the button is clicked, this function runs. It is like a doorbell ringing.

Inside the function, we use player[Agent] to confirm the agent is a real player. Then we call GetFortCharacter[] to reach their in-game body. Both of these use [] because they can fail — for example, if a spectator presses the button — and Verse wants us to handle that safely.

Print sends a message to the developer log. This is your best friend when testing. If something goes wrong, the log will tell you.

Note: Verse does not expose a runtime SetFieldOfView or SetLookAtTarget API directly on a camera actor. To create the dramatic zoom effect described above, author a short Cinematic Sequence Device in the UEFN editor that moves and narrows the camera, then call MyCinematicSequence.Play() from Verse when the button is pressed.

Try It Yourself

Can you make the background darker when the camera zooms in?

Hint: Look for a device that changes the lighting or fog. Try adding a Lighting Control device. Use Verse to turn it on when the button is pressed. This will make the background less distracting.

Recap

Composition is how you arrange your game world. Use foreground objects to frame the action. Keep the background simple. Use Verse to control the camera and guide the player's eye. Your island will look like a professional movie scene!

References

• https://dev.epicgames.com/documentation/en-us/fortnite-creative/making-thumbnails-and-videos-in-fortnite-creative
• https://dev.epicgames.com/documentation/en-us/uefn/making-cinematics-1-composition-techniques-in-unreal-editor-for-fortnite
• https://dev.epicgames.com/documentation/en-us/uefn/unreal-editor-for-fortnite-glossary
• https://dev.epicgames.com/documentation/en-us/fortnite/fortnite-creative-glossary
• https://dev.epicgames.com/documentation/en-us/fortnite/fortnite-glossary