add doc for respin

docs/03-setup-special-feature/03-respin.md

@@ -4,4 +4,64 @@ sidebar_position: 3
 
 # Respin
 
-> To be added
+## Overview
+The Respin feature is a popular mechanic in modern slot machine games that allows players to spin one or more reels again without restarting the entire game round.
+
+![Respin Overview](./img/respin/overview.png)
+
+### Main Scene
+
+#### Start Respin
+
+The **Respin** feature usually occurs after a specific win or condition is met.
+
+**Scenes**
+|   Description |     Image     |
+|--------------------------|------------------------------------|
+|Create Respin Feature Node|![Trigger](./img/respin/node-trigger-in-scenes.png)|
+
+1. **Respin Trigger Result**
+
+![Trigger](./img/respin/trigger.png)
+
+2. **Respin Re-Trigger Result**
+
+![ReTrigger](./img/respin/retrigger.png)
+
+3.  **Respin Counter**
+
+|       Description     |     Image     |
+|-----------------------|------------------------------------|
+|   Number of respins   |![Respin Left](./img/respin/respin-left.png)|
+
+The respin feature ends when the number of respins reaches **zero**, and the game returns to the **normal mode**.
+
+#### Handle Script Processes Data Respin 
+
+1. Handle Respin Response Event from Server:
+- Override the class: `hyper-gaming-server-handler`
+- The event name is usually: `respins`
+
+![Respin Left](./img/respin/handle-event.png)
+
+**Processes** :
+
+1. Trigger Data
+
+![Respin Trigger](./img/respin/handle-trigger.png)
+
+2. Re-Trigger
+
+![Respin Re-Trigger](./img/respin/handle-retrigger.png)
+
+#### Handle Script Respin Panel
+
+- create class `feature-respin` override the class: `feature-game`: handle panel respin and manager ui feature respin. 
+
+![Script Trigger Retrigger](./img/respin/script-feature-respin.png)
+
+- add script trigger / retrigger
+
+![Script Trigger Retrigger](./img/respin/script-trigger-retrigger.png)
+
+