Pages in Documentation
![Interactive Doors - Reference ../images/architecture/2024/door-settings/thumbs/03.jpg](../images/architecture/2024/door-settings/thumbs/03.jpg)
Settings
![Overview Arch Viz UI3 (version 3.2 And Newer) ../images/architecture/2023/ui32/thumbs/01.jpg](../images/architecture/2023/ui32/thumbs/01.jpg)
UI3 Overview
![Universal Doors (V.2) Unreal 5 :: Documentation ../images/architecture/2022/doorsv2/thumbs/01.jpg](../images/architecture/2022/doorsv2/thumbs/01.jpg)
[old] Doors UE5
![Modular Kitchen - Quick Start Guide ../images/architecture/0040/quick/thumbs/01.jpg](../images/architecture/0040/quick/thumbs/01.jpg)
Quick Start
![Kitchen Builder - Swap Actor ../images/architecture/0040/swap/thumbs/01.jpg](../images/architecture/0040/swap/thumbs/01.jpg)
Swap Actor
![Custom Meshes And Materials ../images/architecture/0040/custom/thumbs/04.jpg](../images/architecture/0040/custom/thumbs/04.jpg)
Custom Assets
![Modular Kitchen - System Drawings ../images/architecture/0040/system/thumbs/01.jpg](../images/architecture/0040/system/thumbs/01.jpg)
System Drawings
![Kitchen Builder Step By Step ../images/architecture/0040/steps/thumbs/12.jpg](../images/architecture/0040/steps/thumbs/12.jpg)
Step by Step
![Kitchen Builder Tips And FAQ ../images/architecture/0040/faq/thumbs/01.jpg](../images/architecture/0040/faq/thumbs/01.jpg)
Tips & FAQ
![Kitchen Builder - Settings Reference ../images/architecture/0040/settings/thumbs/03.jpg](../images/architecture/0040/settings/thumbs/03.jpg)
Settings
![CSV Export To Sheet ../images/architecture/0033/csv_export/thumbs/03.jpg](../images/architecture/0033/csv_export/thumbs/03.jpg)
CSV Export
![CSV And Data Tables Overview ../images/architecture/0033/data/thumbs/04.jpg](../images/architecture/0033/data/thumbs/04.jpg)
Data Tables
![Videos ../images/architecture/0033/videos/thumbs/01.jpg](../images/architecture/0033/videos/thumbs/01.jpg)
Video Guides
![UI3 Quick Guide Videos ../images/architecture/0033/videos/thumbs/01.jpg](../images/architecture/0033/videos/thumbs/01.jpg)
Quick Videos
![Designer ../images/architecture/0033/designer/thumbs/02.jpg](../images/architecture/0033/designer/thumbs/02.jpg)
Designer
![Cost Tracking ../images/architecture/0033/cost/thumbs/02.jpg](../images/architecture/0033/cost/thumbs/02.jpg)
Cost Tracking
![UI3 Feature Widgets Overview ../images/architecture/0033/features/thumbs/08.jpg](../images/architecture/0033/features/thumbs/08.jpg)
Widget Panels
![UI3 Quick Guide ../images/architecture/0033/quick/thumbs/01.jpg](../images/architecture/0033/quick/thumbs/01.jpg)
Quick Guide
![UI3 - Scene Settings ../images/architecture/0033/settings/thumbs/16d.jpg](../images/architecture/0033/settings/thumbs/16d.jpg)
Scene Settings
![Connect UI3 To External Blueprints ../images/architecture/0033/connect/thumbs/02.jpg](../images/architecture/0033/connect/thumbs/02.jpg)
Connect BP
![VR Projects ../images/architecture/0033/vr/thumbs/03.jpg](../images/architecture/0033/vr/thumbs/03.jpg)
VR projects
![UI3 Version History ../images/architecture/0033/history/thumbs/01.jpg](../images/architecture/0033/history/thumbs/01.jpg)
Version History
![Features With Preview ../images/architecture/0033/preview/thumbs/01.jpg](../images/architecture/0033/preview/thumbs/01.jpg)
F. w. Preview
![UI3.2 Known Bugs And Solutions ../images/architecture/0033/bugs/thumbs/01m.jpg](../images/architecture/0033/bugs/thumbs/01m.jpg)
Fix Known Bugs
![UI3 Interface Design Settings ../images/architecture/0033/design/thumbs/01t.jpg](../images/architecture/0033/design/thumbs/01t.jpg)
UI Settings
![UI3 Interface Layout Design ../images/architecture/0033/layout/thumbs/02.jpg](../images/architecture/0033/layout/thumbs/02.jpg)
UI Layout
![UI3 Input Controls & Game Modes ../images/architecture/0033/game/thumbs/07.jpg](../images/architecture/0033/game/thumbs/07.jpg)
Gamemode
![UI3 Frequently Asked Questions ../images/architecture/0033/faq/thumbs/08.jpg](../images/architecture/0033/faq/thumbs/08.jpg)
FAQ + TIPS
![V4 - Spline Tools Function Library - Part 2 ../images/architecture/0023/v4-functions2/thumbs/05.jpg](../images/architecture/0023/v4-functions2/thumbs/05.jpg)
V4 Functions 2
![V4 - Spline Tools Function Library - Part 1 ../images/architecture/0023/v4-functions/thumbs/01.jpg](../images/architecture/0023/v4-functions/thumbs/01.jpg)
V4 Functions P1
![V4 - Quick Guide Spline Tools Railings ../images/architecture/0023/v4-quick/thumbs/01.jpg](../images/architecture/0023/v4-quick/thumbs/01.jpg)
V4 Quick Guide
![Spline Tools Version History ../images/architecture/0023/history/thumbs/02.jpg](../images/architecture/0023/history/thumbs/02.jpg)
Ver History
![V3 - Spline Placement Nodes ../images/architecture/0023/v3-placements/thumbs/02.jpg](../images/architecture/0023/v3-placements/thumbs/02.jpg)
V3 Placements
![V3 - Mesh On Spline Definition Nodes ../images/architecture/0023/v3-mesh/thumbs/02.jpg](../images/architecture/0023/v3-mesh/thumbs/02.jpg)
V3 Mesh Def.
![V3 - Spline Segment Dividing Nodes ../images/architecture/0023/v3-segments/thumbs/03.jpg](../images/architecture/0023/v3-segments/thumbs/03.jpg)
V3 Segments
![V3 - Spline Tools Quick Start ../images/architecture/0023/v3-quick/thumbs/01.jpg](../images/architecture/0023/v3-quick/thumbs/01.jpg)
V3 Quick Start
![Book Stack Blueprints Version 2 ../images/architecture/0021/v2/thumbs/01.jpg](../images/architecture/0021/v2/thumbs/01.jpg)
Books V2
![Books Magazines Folder Blueprints Version 1 ../images/architecture/0021/v1/thumbs/01.jpg](../images/architecture/0021/v1/thumbs/01.jpg)
Books V1
![Interactive Door Blueprint - Custom Meshes ../images/architecture/0019/custom/thumbs/01h.jpg](../images/architecture/0019/custom/thumbs/01h.jpg)
Customize
![Interactive Door Blueprint - Quick Guide ../images/architecture/0019/overview/thumbs/00b.jpg](../images/architecture/0019/overview/thumbs/00b.jpg)
Quick Guide
![Interactive Doors - Swap Actor ../images/architecture/0019/swap/thumbs/01.jpg](../images/architecture/0019/swap/thumbs/01.jpg)
Swap Actor
![Universal Door Blueprint - FAQ And Tips ../images/architecture/0019/faq/thumbs/01.jpg](../images/architecture/0019/faq/thumbs/01.jpg)
FAQ + TIPS
![Universal Door Blueprint V1 - UE 4.25 ../images/architecture/0019/v2/thumbs/01.jpg](../images/architecture/0019/v2/thumbs/01.jpg)
Doors UE4 (V1)
![UI3 Bugs And Fixes ../images/architecture/2021/ui3-bugs/thumbs/02.jpg](../images/architecture/2021/ui3-bugs/thumbs/02.jpg)
3.1 Bugs Fixes
![Kitchen Builder Version History ../images/architecture/0040/history/thumbs/02.jpg](../images/architecture/0040/history/thumbs/02.jpg)
Ver History
![[2 A] Generic Meshes On Spline Blueprint ../images/architecture/0023/v2-generic/thumbs/01.jpg](../images/architecture/0023/v2-generic/thumbs/01.jpg)
V2 Generic BP
![[2 B] Generic Spline Blueprint Examples ../images/architecture/0023/v2-examples/thumbs/01.jpg](../images/architecture/0023/v2-examples/thumbs/01.jpg)
V2 Examples
![[1] Railings Clone Blueprint Documentation ../images/architecture/0023/v1/thumbs/01.jpg](../images/architecture/0023/v1/thumbs/01.jpg)
V1 Railings Fences
![ArchVizUI User Guide Pt.1 ../images/architecture/2019/guide1/thumbs/01.jpg](../images/architecture/2019/guide1/thumbs/01.jpg)
UI 1 - Part 1
![Arch Viz User Interface V1.4 ../images/architecture/2018/03/thumbs/06.jpg](../images/architecture/2018/03/thumbs/06.jpg)
UI 1
![ArchVizUI User Guide Pt.2 ../images/architecture/2019/guide2/thumbs/01.jpg](../images/architecture/2019/guide2/thumbs/01.jpg)
Ui 1 - Part 2
![Arch Viz User Interface V2 ../images/architecture/2019/ui2/thumbs/01.jpg](../images/architecture/2019/ui2/thumbs/01.jpg)
1 Overview
![Arch Viz User Interface - Features ../images/architecture/0013/features/thumbs/04.jpg](../images/architecture/0013/features/thumbs/04.jpg)
UI2 Features
![Arch Viz UI & Tools - Getting Started ../images/architecture/0013/start/thumbs/01.jpg](../images/architecture/0013/start/thumbs/01.jpg)
UI2 Get Started
![Arch Viz User Interface - Info Map ../images/architecture/0013/infomap/thumbs/06.jpg](../images/architecture/0013/infomap/thumbs/06.jpg)
UI2 Info Map
![Arch Viz User Interface - Interaction ../images/architecture/0013/actors/thumbs/01.jpg](../images/architecture/0013/actors/thumbs/01.jpg)
UI2 BP Actors
![Client Management And Save Slots ../images/architecture/0013/users/thumbs/01.jpg](../images/architecture/0013/users/thumbs/01.jpg)
UI2 User Manager
![Arch Viz User Interface & Tools - FAQ ../images/architecture/0013/faq/thumbs/03.jpg](../images/architecture/0013/faq/thumbs/03.jpg)
UI2 FAQ
![Arch Viz UI - Tutorials & Examples ../images/architecture/0013/tutorials/thumbs/06.jpg](../images/architecture/0013/tutorials/thumbs/06.jpg)
UI2 Tutorials
![UI3 User Interface - Before March 2023 ../images/architecture/2021/ui3/thumbs/01.jpg](../images/architecture/2021/ui3/thumbs/01.jpg)
UI3 Overview
![Getting Started With UI3 ../images/architecture/0033/start/thumbs/02.jpg](../images/architecture/0033/start/thumbs/02.jpg)
Getting Started
![UI3 Info Map ../images/architecture/2021/ui3-infomap/thumbs/02.jpg](../images/architecture/2021/ui3-infomap/thumbs/02.jpg)
3.1 Info Map
![Variation Actor ../images/architecture/0033/variation/thumbs/01.jpg](../images/architecture/0033/variation/thumbs/01.jpg)
Variation Actor
![UI3 Other Blueprint Actors ../images/architecture/0033/other/thumbs/02.jpg](../images/architecture/0033/other/thumbs/02.jpg)
Blueprints
ArchViz Interface User Guide
A guide on how to implement the ArchViz user interface into your project.
This tutorial expects basic knowledge of unreal 4.
![](../images/general/wip.png)
Content:
Preparing your Project
NOTE: if you use Google Chrome as a web browser the images in this user guide might be outdated. To get the latest images please switch to incognito mode and read the user guide there. Google doesn't check if the image has changed if the name is still the same.
Open the project ArchVizUI and migrate the folder Content / ArchVizUI / UI to the Content folder of your new project where you want to use the interface. This will copy all necessary items.
If you want to use other assets like the furniture or materials that come with the ArchVizUI project then migrate the entire ArchVizUI folder instead.
Copy the file DefaultInput.ini from "ArchVizUI/Config" into your myproject/Config/" folder.
These are the input settings for controller and keyboard. if you cannot move around this file is most likely missing.
You have to enable global clip planes in the project settings if you want to use planar reflections for mirrors. To do so open the project settings, select Rendering and tick the box for 'Support global clip plane for Planar Reflections'.
Place a player start into your persistent level. Place a simple blocking volume under the player start and align it with the floor. This prevents the player from falling through the floor while the game streams in the sub-levels.
![image 01.png image](../images/architecture/2018/03q/01.png)
In the Game Mode section choose SDotGameMode from the list of GameMode Overrides.
Sometimes the SDotGameMode doesn't get migrated with the other files. If that happens just migrate it separately again.
![image 02.png image](../images/architecture/2018/03q/02.png)
The loading time will be a bit longer when you start the project for the first time. So always run the project at least once before showing it to the client. Even better: have a quick run through the project to load all assets.
The BP_SDotLocatorMap needs to be in a level that has its streaming method set to "always loaded".
![image 03.png image](../images/architecture/2018/03q/03.png)
BP_SDotLocatorMap
To get started you need to have at least the building walls and floors placed inside unreal so you can align the floor plan.Drag the blueprint Content/ArchVizUI/UI/BP_SDot_Locatormap into the UI sub-level. This blueprint contains all settings for the look and features of the UI.
Floor Plan
Floors: Add one array element per building floor.
You will need black and white drawings of all floors for the player location tracking to work. I recommend a size of about 2000 px width or height. It doesn't have to be a power of 2
Any texture that is used in the UI needs to have the correct settings applied. Import the image then double click it to open the texture browser:
Check out the next section for a quick introduction on how to work with arrays.
Once you added the drawings you will see it inside your level.
First use Floorplan Rotation to rotate the drawing and then use the transform gizmo to move and scale the drawing so it fits the building walls. Do NOT rotate the blueprint actor manually with the transform gizmo.
Location Groups help you organize the teleport locations. They can be either floor levels or other group names (eg: apartment 01, outside).
You need at least one location group.
![image 04.png image](../images/architecture/2018/03q/04.png)
There are two floors. The blueprint actor is aligned to the lowest floor. The architectural drawings need to be placed with the same scale and position relative to each other. Think about Photoshop layers that would align perfectly when you make them slightly transparent.
Most architectural drawings will have the same scale by default so all you need to do is align them to each other.
![image 05.jpg image](../images/architecture/2018/03q/05.jpg)
Working with arrays
A few tips on how to work with arrays:Arrays always start with index 0. There can be arrays within arrays. This might look a bit confusing when you are not used to work with them.
> 'Asset Mat Group' - master array
> '0' - master array element 1
. > Asset - sub array for master array 1
. '0' - asset 1
. '1' - asset 2
. > Material - sub array for master array
1
. '0' - Material 1
. '1' - Material 2
> '1' - master array element 2
. > Asset - sub array for master array 2
. '0' - asset 1
. '1' - asset 2
![image 06.png image](../images/architecture/2018/03q/06.png)
Project Settings
TIP: Right click on the level in the level browser to change its Streaming Method.
![image 07.png image](../images/architecture/2018/03q/07.png)
Lighting or Layout Scenarios
Scenarios are levels that contain all static lighting actors and build data. Using one of them with day and another one with night lighting for example lets you change from day to night light in a couple of seconds.Other uses can be furniture layout changes. This allows the furniture assets to remain static and improves the visual quality compared to dynamic furniture.
'Lighting Scenario': add one array element per scenario.
There are 3 generic preview images in the ArchVizUI/UI folder.
TIP: If you decide to only use one scenario level then add the level to the list of streaming levels in the Project Settings (further up). Then un-tick the box for 'Use Scenarios' to avoid having a feature with only one choice.
![image 08.png image](../images/architecture/2018/03q/08.png)
Color Schemes
Both Colour Schemes and Material Swaps use the same actors. A Colour Scheme will change all materials (actors) in the world at once while Material Swaps only change the selected object's material.Object Swaps allow the user to choose between different static meshes. Read more further down this tutorial.
'Colour Scheme': add an array element per scheme.
![image 09.png image](../images/architecture/2018/03q/09.png)
Project Info
UI Logos:
Add your own logo material. Best to copy the existing material and then just replace the texture. You can then add some features to the material. Only the parameters named 'Colour' and 'Background' will change with the UI colours. So leave them in the material.
The office and client logos will be displayed in the footer next to the client logo while the project logo will be displayed in the header next to the project name.
![image 10.png image](../images/architecture/2018/03q/10.png)
UI Design
Here is where you set the colors of the UI design for the current project.UIColour Set
each array element represents a UI Colour set. You can choose from the 6 preset color sets or create a new one. You can also copy and paste one of the sets into a new array and modify it.
![image 11.png image](../images/architecture/2018/03q/11.png)
All main menu icons used in the UI are listed here. You can replace an icon with your own design or any of the spare ones in the UI/Icons folder. Sometimes it is useful to change the icons. If you use the scenario feature for layout scenarios then the sun icon would be inappropriate and should be something like the couch or the fridge instead.
The icon texture needs to be black on white (no alpha) and square.
This is purely cosmetic. Do not remove or add an icon and do not change the order of the icons here.
![image 12.png image](../images/architecture/2018/03q/12.png)
Make a backup copy before you start changing.
Double click the DefaultUI_Font in the content browser to open the font. Then replace the font styles inside this actor with the font of your choice. There are plenty of free fonts available that are supported by unreal.
IMPORTANT: Remember that renaming the DefaultUI_Font actor will actually create a reference to the new name in all the widgets. You have to update the actor itself to change the font. The name needs to stay as DefaultUI_Font.
![image 13.png image](../images/architecture/2018/03q/13.png)
Setting up Object Colors and Color Schemes
The blueprint actor BP_SDotAssetGroup is used to set up Colour Schemes and additional Material Swaps in the project.The first 2 or more materials are used for both swaps and schemes. Any additional materials will only be used for swaps.
Currently there is a maximum of 12 different materials that can be used in the list. Any more materials added will be ignored.
You do not have to add preview thumbs. These will be auto-created by the render stage. See further down for details.
![image 14.jpg image](../images/architecture/2018/03q/14.jpg)
BP_SDotAssetGroup
Colour Scheme Materials
> Asset Material Group - Add asset groups here.
An 'Asset group' can be a single mesh or a group of meshes that will swap materials together. Let's say a couch set out of 3 elements. Now if you want the cushions on the couch swap their materials at the same time then just add another array element for them.
Another case would be that your assets have more than one material that need to be swapped. For example the fabric and the frame of a couch set. (Remember you can copy/paste array's members)
> Asset - Add an array element for each asset
eg. 3 array elements if you have 3 couch elements. Then click on the eye-dropper and "pick" the asset with the mouse from your levels.
> Material - the list of materials the user can swap to.
If "Colour Schemes" are enabled the first entries will be used for them. material [0] will be used for colour scheme [0] and so on. Any additional materials will only show up in the "Individual Material Swap" feature.
![image 15.png image](../images/architecture/2018/03q/15.png)
Use this only for materials like the shade of a lamp. I'll explain further down how to set up the material for this feature to work.
![image 16.png image](../images/architecture/2018/03q/16.png)
Colour Scheme Preview
Preview Mesh: Choose a mesh from the content browser to be used for the preview. This mesh will use the material from asset group array [0]. The mesh you use for the preview doesn't always need to be the mesh you actually use in the level.
Leave the default cube for tiling materials (like wallpaper or floor boards)
![image 17.png image](../images/architecture/2018/03q/17.png)
Material Setup for Lights
With the materials changing on an actor the material used for lights needs to be able to have an 'ON' and 'OFF' state of the material. Unreal doesn't support static switches in run time but you can use this little node setup as a work around.This uses an 'IF' node and a scalar parameter. If the parameter named LightIsOn is set to zero the emissive will be zero. Any positive value will enable the emissive and the light appears to be on.
The UI actor (light switcher or asset group) will set the parameter named 'LightIsOn' to '1' or '0' depending on the 'scenario tick box' being ticked or not.
Use EXACTLY the name 'LightIsOn' as shown in the image here. There are a few materials set up this way in the example project.
NOTE: the example shows the setup for a material function. Standard materials won't need the 2 red input nodes.
![image 18.png image](../images/architecture/2018/03q/18.png)
BP_SDotLightMarker
This actor is a simplified version of the BP_SDotAssetGroup. You can use it if all color schemes have the same material but the lighting screnario requires the light to have an on and off state.It works the same way as the SDotAssetGroup without the material array.![image 19.jpg image](../images/architecture/2018/03q/19.jpg)
![image 20.png image](../images/architecture/2018/03q/20.png)
BP_SDotAssetMarker (legacy)
This is a legacy actor that has been replaced by the AssetGroup and the LightMarker. It can be used to overwrite materials depending on the current active lighting scenario.It is like the BP_SDotAssetGroup but it has only one group array. Instead of the lighting tick-boxes it has an overwrite feature for changing materials per lighting scenario.
You can use this blueprint actor if you have an emissive material that doesn't have the above mentioned 'LightIsOn' parameter node set up.
Add static meshes and materials the same way as for the asset group actor.
Material Overwrite
Material - You need to add a material for each Colour Scheme even if they are all the same.
In this example the ceiling light should be emissive when lighting scenario [2] is active. This means for both color schemes the light's material should be overridden with the 'ON' version for LightingScenarioID [2].
![image 21.png image](../images/architecture/2018/03q/21.png)
BP_SDotPoint
The BP_SDotPoint actor adds an entry to the list of teleport locations in the UI. It has only two parameters:Location groups are set up in the BP_SDotLocatorMap blueprint. See above.
![image 22.jpg image](../images/architecture/2018/03q/22.jpg)
![image 23.png image](../images/architecture/2018/03q/23.png)
BP_SDotRenderStage
The render stage will auto-create preview thumbs for the Swap Materials feature. Place the actor into your level if you are using this feature.The render stage has no settings. it will render up to 12 preview images using the render to texture feature. It will do so every time the user switches to another asset group. It will take the preview mesh and materials from the active asset group and render the previews. The UI will then display the preview thumbs.
Place the render stage somewhere far enough away from the playable area. It contains dynamic lights that would otherwise interfere with your level lighting.
NOTE: if the previews have strange artifacts while playing the project check your fog or LUT settings or any related post process settings.
You may need to extend or place a post process volume around the render stage if the thumbs look a lot different then the scene.
![image 24.jpg image](../images/architecture/2018/03q/24.jpg)
![](../images/general/top.png)