# XWUIGameLockOnWidget

A target lock-on reticle rendered as inline SVG in one of three `style`s (`brackets`, `crosshair`, `diamond`), with counter-rotating rings whose `rotationSpeed`, `color`, and `size` are configurable. Call `lockOn({ name, position })` to activate and place it (also setting `targetName`), `setPosition(x, y)` to follow the target, `release()` to clear, and `isActive()` to query the lock state.

## Basic Usage

Mounts an active `brackets`-style reticle with a target name set in data, so it renders locked-on immediately.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: An active brackets reticle labelled with a target name via data.
```

## Diamond Reticle

Renders the `diamond` style tinted amber at a larger size, locked on to a named elite target.

```example
file: examples/DiamondReticle.ts
html: examples/DiamondReticle.html
title: Diamond Reticle
description: A larger amber diamond reticle locked on to a named elite enemy.
```

## Crosshair Lock-On

Builds an inactive `crosshair` reticle, then engages a target at runtime with `lockOn()`.

```example
file: examples/CrosshairLockOn.ts
html: examples/CrosshairLockOn.html
title: Crosshair Lock-On
description: A crosshair reticle activated after construction via lockOn() with a name and position.
```

```api
```