Home
  • English
  • 中文
Home
  • English
  • 中文
  • Get Started

    • Install
    • Hello LGUI
    • Custom Button
    • Use custom font
    • Prefab workflow
    • Interaction
    • Button from scratch
  • Sample Projects

    • Sample Projects
  • Prefab Workflow

    • LGUI Prefab
    • PrefabEditor
    • LGUILifeCycleBehaviour
    • LGUIPrefabInterface
  • Rendering

    • LGUICanvas
    • Screen Space Overlay
    • World Space - UE Renderer
    • World Space - LGUI Renderer
    • LGUI render flow
    • UICanvasGroup
  • Visual Components

    • UIText
    • UIEffect
    • TextAnimation
    • UIBackgroundBlur
    • UIBackgroundPixelate
  • Events

    • LGUIEventDelegate
    • LGUIEventSystem
  • Interaction Components

    • UISelectable component
  • Layout

    • Basic Layout
    • Auto Layout
  • Tween Animation

    • LTween
    • Use LTween for UI element
  • Performance

    • LGUI Stat
  • ReleaseNotes

    • LGUI 3.x
    • LGUI 2.x
  • FAQ

    • Why use prefab?
    • Update project from LGUI2 to LGUI3
    • Project 3d world position to LGUI's screen 2d position
    • Deproject LGUI's screen position to world
    • Use custom material for UI elements
    • Disable interaction component
    • Find Child by DisplayName
    • Get actor or component inside prefab
    • Anti-aliasing

World Space - LGUI Renderer

World Space - LGUI Renderer use LGUI's render pipeline, elements render direct to viewport after UnrealEngine render the world, not affected by post-process.

Create

Select "LGUI Editor Tools"->"Basic Setup"->"World Space - LGUI Renderer":

Then a "WorldSpaceUIRoot_LGUIRenderer" will be created.:

Select LGUICanvas component, you will see the "Render Mode" is "World Space - LGUI Renderer":

Blend depth with existing scene objects

LGUI can take depth buffer texture, sample it and compare with current rendering UI elements's depth value, and do depth blend. Create a Sphere object, move and scale it so that it can occlude with existing UI elements, and create a light to make the level look better. By default this feature is enabled, so you can see the UI is occluded by the sphere:

Select LGUICanvas component, change "Blend Depth" parameter value to 1.0:

So the "Blend Depth" parameter can control how much visible if UI elements is occluded by a scene object. This feature only support opaque object, and not work on mobile platform.

Last Updated:
Contributors: lf2007hf
Prev
World Space - UE Renderer
Next
LGUI render flow