Skip to content

SusParallaxStack

SusParallaxStack

Pointer-driven layered stack: bg → pattern → subject → ui (tips) → chrome.

Package

SusKit · Atoms (commercial)

Open in Playground

SusKit · Atoms

Props

NameTypeDefault
PatternAmpProp<float>8f
SubjectAmpProp<float>14f
UiAmpProp<float>22f
EnabledProp<bool>true
EasingProp<float>0.08f
MinFpsProp<float>24f

Slots

No slots.

Events

NameFieldPayload
ActiveChangedOnActiveChangedbool

Style hooks

USS class contract — override appearance without touching C#. States toggle via these classes:

  • sus-parallax-stack
  • sus-parallax-stack__bg
  • sus-parallax-stack__chrome
  • sus-parallax-stack__pattern
  • sus-parallax-stack__subject
  • sus-parallax-stack__tips
  • sus-parallax-stack__ui
  • sus-parallax-stack--off

Usage

csharp
var stack = new SusParallaxStack();
stack.EnsureLayers();
stack.Subject.Add(characterArt);
stack.Chrome.Add(nav);
stack.SetAmps(pattern: 8f, subject: 14f, ui: 4f);
PropRole
PatternAmp / SubjectAmp / UiAmpParallax amplitude (px)

Notes

  • Call EnsureLayers() after build to resolve layer hosts (Bg, Pattern, Subject, Ui, TipHost, Chrome).
  • Visual look (art, glass) belongs in consumer USS.

See also Layout recipes.