Loading embedded pages

This guide assumes you've followed Setup the browser widget.

You can load webpages into your browser, where the content is packaged into the game.

You must place content inside a folder called WebUI for it to be packaged correctly.

Create the HTML page

Create a folder in your project's content folder called WebUI .

Open this folder in the Windows Explorer and create a file inside called index.html.

Paste this text in the file:

<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: 'Roboto', sans-serif;
            font-size: 4rem;
            background: #ffffff;
        }
    </style>
</head>
<body>
    Hello World!
</body>
</html>

Load the HTML page into the browser

Add the following node to your browser widget blueprint on Event Construct:

Once you load in with PIE you should see the page loaded in your browser, for example in 3D space by following In-world browser:

PreviousIn-world browser NextGame <--> Browser Communication

Last updated 8 months ago

Was this helpful?

hashtagCreate the HTML page

hashtagLoad the HTML page into the browser

Create the HTML page

Load the HTML page into the browser