Skip to main content

Pixi UI Scaler

Scales and positions a Pixi UI layer so a fixed design keeps its proportions across screen sizes.

Game UI is usually authored at one reference size and then fitted to whatever the player has. The scaler applies that fit to its children, so a HUD stays put on a phone in portrait and a desktop monitor alike.

Inputs

Design

DataDescription
Design Width (number)
Design Height (number)

Mode

DataDescription
Mode (enum)
Pixel Perfect (boolean)

Alignment

DataDescription
Align X (0..1) (number)
Align Y (0..1) (number)

Control

SignalDescription
Apply Now

Target

DataDescription
Target (node)

Outputs

State

DataDescription
Scale (number)
Viewport Rect (object)