What's happening here?

This example demonstrates positioning UI elements using distance constraints to maintain fixed pixel distances from container edges. A logotype is positioned in the top-left corner and a download button in the top-right corner, both with 50px margins.

// Create horizontal constraint
// Logotype 50px from left edge of layer
new UIHorizontalDistanceConstraint(
  layer, logotype,
  { anchorA: 0, anchorB: 0, distance: 50 }
);

// Create vertical constraint
// Logotype 50px from top edge of layer
new UIVerticalDistanceConstraint(
  logotype, layer,
  { anchorA: 1, anchorB: 1, distance: 50 }
);
💡 Interactive: Use the resize handle to see how constraints maintain element positioning as the viewport changes.