# XWUIGameTutorialOverlay

A step-by-step onboarding overlay that, while `active`, dims the screen and draws a spotlight ring (colored by `highlightColor`) around the current step's `target` selector, with a positioned tooltip showing the step `title` and `text`. Steps come from the `steps` array; navigation buttons advance (`next`), go `prev`, or `skip`, and an optional `showProgress` line reads "Step N of M". Drive it with `next()`, `prev()`, `goTo(index)`, and `skip()`, and register an end handler with `onComplete()`.

## Basic Usage

Shows a spotlight tutorial step with a tooltip and next/skip navigation.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A tutorial overlay that spotlights a target element and shows a step tooltip with progress and navigation.
```

## Forced Prompt

A single mandatory step with the skip button and progress counter removed.

```example
file: examples/ForcedPrompt.ts
html: examples/ForcedPrompt.html
title: Forced Prompt
description: A one-step overlay with showSkip and showProgress disabled so the prompt must be acknowledged.
```

## Mid Progress

A multi-step tutorial resumed partway through with a recolored spotlight ring.

```example
file: examples/MidProgress.ts
html: examples/MidProgress.html
title: Mid Progress
description: A four-step tutorial resumed at currentStep 2, exposing the Back button with a gold highlightColor ring.
```

```api
```