# In-world browser

You can use the browser placed in the 3D space, e.g. as a TV screen.

This guide assumes you've followed [setup-the-browser-widget](https://docs.msquared.io/creation/unreal-development/features-and-tutorials/web-browser/setup-the-browser-widget "mention").

### Adding browser to the world space

Create a new blueprint actor. Inside it, add a `Widget` component:

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-ca80871ba117d487a4bfc7ee8efa3146974d488a%2Fimage.png?alt=media" alt=""><figcaption><p>The Widget component being added to the actor.</p></figcaption></figure>

On this widget component, set the `Widget Class` to your browser widget, and change the `Draw Size` to 1920 x 1080.

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-91c3317fc099f993fab82b0f40965784ad14f9cd%2Fimage.png?alt=media" alt=""><figcaption><p>Setting the Widget Class and Draw Size.</p></figcaption></figure>

Place the actor into your level:

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-ae579d2619bbf994c7424ab212cfac8fd434231e%2Fimage.png?alt=media" alt=""><figcaption><p>The blueprint in the level.</p></figcaption></figure>

Play PIE and the browser will load the MSquared docs in 3D space:

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-dc1752e8feac5472ad8e6a9d462328044e865572%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### Mouse interaction in 3D space

To interact with the browser using your mouse, on the widget component set "Receive Hardware Input" to true.

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-4c879f91af2872356d761f450c75130655e6eb31%2Fimage.png?alt=media" alt=""><figcaption><p>Interaction -> "Receive Hardware Input" on a Widget component.</p></figcaption></figure>

Using the above setup, you can then interact with the browser in 3D space such as navigating around the docs page.
