Pages in Documentation

../images/architecture/2024/door-custom/thumbs/01.jpg
Customize
../images/architecture/2024/door-overview/thumbs/03c.jpg
Overview
../images/architecture/2024/door-swap/thumbs/01c.jpg
Swap Actor
../images/architecture/2024/door-settings/thumbs/03.jpg
Settings
../images/architecture/2024/kitchen-swaps/thumbs/01.jpg
Swap Actor
../images/architecture/2024/ui3-connect/thumbs/01.jpg
UI3 Connect
../images/architecture/2024/ui3-vr/thumbs/03.jpg
UI3 VR projects
../images/architecture/2024/custom/thumbs/04.jpg
Customize
../images/architecture/2024/kitchen/thumbs/01.jpg
Overview
../images/architecture/2023/ui3_settings/thumbs/13.jpg
UI3 Scene Settings
../images/architecture/2023/spline_versions/thumbs/02.jpg
Spl. T. Versions
../images/architecture/2023/spline_placement/thumbs/02.jpg
Placement
../images/architecture/2023/spline_mesh/thumbs/02.jpg
Mesh Def.
../images/architecture/2023/spline_segment/thumbs/03.jpg
Segments
../images/architecture/2023/books/thumbs/01.jpg
Books V2
../images/architecture/2023/ui3_history/thumbs/01.jpg
UI3 Vers History
../images/architecture/2023/ui3-custom/thumbs/01.jpg
UI3 Preview Ft.
../images/architecture/2023/ui32/thumbs/01.jpg
UI3 Overview
../images/architecture/2023/ui3_faq/thumbs/01.jpg
UI3 Bugs
../images/architecture/2023/ui3_data/thumbs/02.jpg
UI3 Data Entry
../images/architecture/2023/ui3_design/thumbs/01.jpg
UI3 Design
../images/architecture/2022/splinesV3/thumbs/01.jpg
3 Spline Tools
../images/architecture/2022/doorsfaq/thumbs/01.jpg
Doors FAQ
../images/architecture/2022/doorsv2/thumbs/01.jpg
[old] Doors UE5
../images/architecture/2022/steps/thumbs/12.jpg
Step by Step
../images/architecture/2022/kitchenfaq/thumbs/01.jpg
Tips & FAQ
../images/architecture/2022/kitchen/thumbs/01.jpg
Reference
../images/architecture/2021/ui3-game/thumbs/07.jpg
UI3 Input Controls
../images/architecture/2021/ui3-faq/thumbs/01.jpg
UI3 FAQ + TIPS
../images/architecture/2020/books/thumbs/01.jpg
Books V1
../images/architecture/2020/doors/thumbs/01.jpg
Doors UE4 (V1)
../images/architecture/2024/kitchenchange/thumbs/02.jpg
Change list
../images/architecture/2021/ui3-bugs/thumbs/02.jpg
3.1 Bugs Fixes
../images/architecture/2020/spline/thumbs/01.jpg
2A Generic BP
../images/architecture/2021/splexamples/thumbs/01.jpg
2B Gen Examples
../images/architecture/2020/railings/thumbs/01.jpg
1 Railings
../images/architecture/2019/guide1/thumbs/01.jpg
UI 1 - Part 1
../images/architecture/2018/03/thumbs/06.jpg
UI 1
../images/architecture/2019/guide2/thumbs/01.jpg
Ui 1 - Part 2
../images/architecture/2019/ui2/thumbs/01.jpg
1 Overview
../images/architecture/2019/ui2features/thumbs/04.jpg
2 UI Features
../images/architecture/2019/ui2start/thumbs/01.jpg
3 Get Started
../images/architecture/2019/ui2info/thumbs/06.jpg
4 Info Map
../images/architecture/2019/ui2act/thumbs/01.jpg
5 BP Actors
../images/architecture/2020/clients/thumbs/01.jpg
6 Manage Clients
../images/architecture/2020/faq/thumbs/03.jpg
7 FAQ
../images/architecture/2019/ui2examples/thumbs/06.jpg
8 Tutorials
../images/architecture/2021/ui3/thumbs/01.jpg
UI3 Overview
../images/architecture/2021/ui3-start/thumbs/02.jpg
UI3 Get Started
../images/architecture/2021/ui3-infomap/thumbs/02.jpg
3.1 Info Map
../images/architecture/2021/ui3-var/thumbs/01.jpg
UI3 Edit & Info
../images/architecture/2021/ui3-actors/thumbs/02.jpg
UI3 Other BPs

UI3 Frequently Asked Questions

FAQ, Tips and tricks, or answers for frequent questions are here. Known bugs are on the next page.

Content:

Main Menu Compile Error

Using GPU Lightmass

[Legacy] Touch Screen Controls

Packaging Fails

Packaging Tips

Pixel Streaming

Using VR, Touch or Gamepads

[Legacy] Hide the Walk icon?

VR Tablet Is Blurry

[Legacy] Change the Fade In Time at Start

I cannot select an object in edit mode

Player Facing the Wrong Way At Start

Looking Through Windows Looks Wrong.

[Legacy] Where can I translate the menu text?

The OpenXR plugin was enabled by default in engine versions prior to 5.3. I have enabled this in an update. The node Enable HMD is part of this plugin which starts the VR headset in the SDotUI3_GamemodeVR from the Begin Play node.

Please replace the Enable HMD with the appropriate node from the plugin that is required for your headset if necessary.

image

Using GPU Lightmass

Lumen is the best way to light your scene in Unreal 5.

GPU Lightmass can be used to bake lighting in your scene if you want to use raytracing instead of Lumen. Follow all the steps suggested in the documentation (link below) to use it in your project. UI3 will not interfere with lighting in the scene. Scenarios are working with GPU LM.

Dynamic objects (mesh variations) need some direct light to look decent (not black). This can be the skylight. Reflection actors need to be rebuild manually after each GPU Lightmass build. Black variation actors can be caused by missing reflection actors. Place one with low radius next to the black asset and rebuild lighting and reflections.

Unreal GPU Lightmass Documentation

image

Packaging Tips

Packaging will create an app that can be run by users that do not have Unreal installed. You find it in the File menu (Unreal 4) or above the viewport (Unreal 5).

First make a few changes to the Project Settings

  • Set the Default Game Map In the Maps and Modes section. This needs to be the main (persistent) level of your scene.
  • Add the levels that need to be cooked in the Packaging - Advanced - List of Maps to include... array. You don't need to add any sub levels that are loaded from your main levels to the list. But you need to add any other levels if the user can travel to them.
  • Add your movie directory there as well. I put them in both arrays Additional Non-Asset Directories ... . It's probably not necessary that way.

NOTE: Leaving the list of maps empty can increase your package size significantly. In that case everything in the project will be packaged.

image

Pixel Streaming

With touch screen controls available now pixel streaming is also possible to tablets and other devices that don't have the power to render the scene. You can run the app in any modern web browser this way.

Follow the steps in the link below to enable pixel streaming for your project. It's easy to do locally in your own network. Some additional steps are needed to stream over the internet or alternatively you can use a service like https://www.furioos.com/

Getting Started with Pixel Streaming.

image

Using VR, Touch or Gamepads

You need to set the Game Mode in the World Settings of your scene. The World settings are part of the 'persistent' level. If You only have one level, then this level is the persistent level.

UI3 can be used with

  • Mouse and Keyboard controls on a PC
  • A gamepad on a PC
  • Touch controls with or without Pixel Streaming
  • VR projects with VIVE or Oculus Rift controllers or a gamepad.

Read on how to use Game Modes for these different uses.

UI3 Game Modes

image

VR Tablet Is Blurry

Sorry I'm aware of it. I submitted an update with an example level to show how to set the UI up for VR.
  • The update fixes the interface not responding
  • Set the default aperture to 32 or it will be blurry because the tablet is out of focus. (Settings - Cinematic Camera)
  • use colour scheme id 3 as a start
  • increase icon and text sizes

Cinematic Camera Settings

image

Looking Through Windows Looks Wrong.

This can happen in any of the Unreal 5 versions. Lumen is creating ambient occlusion and shadows. But it doesn't really care about translucency. The demo project uses ray traced translucency for this reason. This improves the Reflections on the glass panes as well.

Part of translucency is Refraction. Turn it off to fix overly dark shadows behind glass. As seen in the image. You can also try to tweak refraction in the glass material. (There might be other places to look for it, like the light sources, or the project and world settings).

This topic has many aspects and it is constantly changing as well. I can only direct you to Google to find out what works best for you.

image

image

image

[Legacy] Where can I translate the menu text?

The text that isn't part of the data you enter can be translated in the Advanced Settings of the UI Design section in the Info Map.

Main Menu Text stores all the Main Menu text.

Button Text stores all the text used in buttons plus most of other text that needs to be translated.

Just a reminder: The widget takes the text based on the Array ID. You have to translate the text word by word. Do not delete an array element or the text will appear in the wrong places.

Use the right click menu to Copy/Paste the array from one project to the next.

Or open the info map blueprint and make the changes there permanently for all future projects. You can copy a project's arrays into the info map.

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image

image
Top of page