# XWUIGameCrosshair

A centered SVG reticle overlay for FPS/TPS games, rendered crisply at any size in four `style` variants: `dot`, `cross`, `circle`, and `crosshair` (cross plus ring). Configure `color`, `size`, `thickness`, and `gap`, then drive recoil bloom by raising the `spread` data value, which regenerates the SVG with widened lines. When `showHitMarker` is enabled, `triggerHit()` flashes a four-line X hit marker. Show and hide it with `show()` / `hide()`.

## Basic Usage

A centered crosshair reticle with configurable style, color, and recoil spread.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A centered crosshair reticle with configurable style, color, and recoil spread.
```

## Recoil Bloom

A cross-style reticle with its lines spread outward to visualize weapon recoil bloom.

```example
file: examples/RecoilBloom.ts
title: Recoil Bloom
description: A cross-style reticle with its four lines spread outward via setSpread() to visualize recoil bloom.
```

## Style Gallery

All four reticle styles - dot, cross, circle, and crosshair - shown side by side.

```example
file: examples/StyleGallery.ts
title: Style Gallery
description: Every crosshair style (dot, cross, circle, crosshair) rendered together, each in its own host.
```

```api
```