View on Asset Store (opens in new tab)
Package details
- Latest version
- 1.0
- Last updated
- First released
- Unity version
- 2022.3.62 or later
- Package size
- 148 KB
- Files
- 11
- Favorites
- 10
- Views in the past week
- 19
Price tracking
- Last checked
- Tracked since
- Lowest recorded
- Free on
Keywords
Tutorial Spotlight
- Price drop
Tutorial Spotlight: fullscreen dark overlay with a hole on your button. Clicks pass through the hole only; the rest of the screen is blocked. Optional finger graphic and pulsation
Affiliate link · Purchases support this site
Price history
Last 6 months
USDAsset preview
1 / 3
Tutorial Spotlight screenshot 1
About this asset
**Tutorial Spotlight** is a ready-to-use UI solution for tutorials and onboarding. It draws a fullscreen dark overlay with a rectangular “hole” around the button or UI element you choose. Only the hole is clickable; the rest of the screen is dimmed and blocks input. Optional finger / “tap here” graphic with its own pulsation. Control everything from the inspector or via **TutorialSpotlightManager** (ShowSpotlight, HideSpotlight, SetSpotlightTarget). Works in the editor without Play mode. Shader is optimized for mobile and WebGL (no textures, single pass, target 2.0).
From the publisher's Asset Store listing.
Technical details
- Unity: 2019.4 or newer
- Render pipeline: Built-in (UI)
- Platforms: Windows, macOS, Linux, WebGL, Android, iOS
- Shader: UI/Tutorial Spotlight, single pass, no textures, target 2.0, optimized for mobile and Web
- Scripts: C# (TutorialSpotlightSetting, TutorialSpotlightManager, TutorialSpotlightImage)
- Dependencies: Standard Unity UI only (Canvas, Image, RectTransform)
Key features of your package
Fullscreen dark overlay with a rectangular “hole” around the selected button or UI element
Soft hole edges and configurable overlay color and opacity
Clicks in the hole reach the button; the rest of the screen blocks input
Optional “tap here” finger graphic with offset and its own pulsation
Separate pulsation for hole and finger (speed and intensity each)
Turn overlay on/off in the inspector or from code
TutorialSpotlightManager: assign overlay once, then call ShowSpotlight(button), HideSpotlight() from UI or code
Editor preview without Play mode
Material is only used when the Tutorial Spotlight shader is assigned (does not affect UI/Default)
Shader optimized for mobile and WebGL (no textures, single pass)
Includes: shader, 3 scripts, example material and scene, README (EN/RU)
Compatibility
| Unity version | Built-in | URP | HDRP |
|---|---|---|---|
| 2022.3.62f2 | Compatible | Compatible | Compatible |
As listed on the Asset Store.