What's happening here?

This example demonstrates UINineSlice elements for creating scalable UI components with preserved border regions. A vignette overlay is created using nine-slice scaling.

// Create nine-slice element with 15% border
const vignette = new UINineSlice(
  layer,
  baseScene.loadedTextures["T_Vignette"],
  { sliceBorders: 0.2, sliceRegions: 100 },
);

// Configure appearance
vignette.color.setHexRGB(0xffa500, 0.75);

// Use cover constraints to fill the entire layer
UICoverConstraintBuilder.build(layer, vignette, {
  keepActiveAspect: false,
});
🎨 Slice Modes: Nine-slice has two modes: one uses world coordinates for sliceRegions, the other uses normalized values (0-1) as fractions of the UI element size.