Working visual part

2025-11-06 13:18:39 +01:00
parent 95daea8d34
commit 4e0c9cb4c4
47 changed files with 5585 additions and 218 deletions
--- a/docs/QUICK_SETUP_CHECKLIST.md
+++ b/docs/QUICK_SETUP_CHECKLIST.md
@@ -0,0 +1,147 @@
+# 🎯 Quick Setup Checklist - Copy This!
+
+## ✅ What's Done (By AI)
+
+- ✅ Created `BoosterVisual.prefab` in `Assets/Prefabs/UI/DragAndDrop/`
+- ✅ Created `BoosterPackPrefab.prefab` in `Assets/Prefabs/UI/Cards/`
+- ✅ Created `FlippableCardPrefab.prefab` in `Assets/Prefabs/UI/Cards/`
+- ✅ BoosterVisual has TiltParent, ShakeParent, PackImage structure
+- ✅ All components are added
+
+---
+
+## 📝 What YOU Need To Do (Quick Version)
+
+### **1. BoosterVisual.prefab** (2 minutes)
+```
+Open prefab → Select root
+├─ Assign: TiltParent → to "Tilt Parent" field
+├─ Assign: ShakeParent → to "Shake Parent" field
+├─ Assign: TiltParent/PackImage → to "Pack Image" field
+└─ Assign: YOUR SPRITE → to "Pack Sprite" field
+
+Select TiltParent/PackImage
+└─ Uncheck "Raycast Target" on Image component
+```
+
+### **2. BoosterPackPrefab.prefab** (1 minute)
+```
+Open prefab → Select root
+├─ Set size: 200x300
+├─ Check "Raycast Target" on Image component
+├─ Assign: BoosterVisual.prefab → to "Visual Prefab" field
+├─ Check: "Can Tap To Open"
+└─ Set: "Max Taps To Open" = 3
+```
+
+### **3. FlippableCardPrefab.prefab** (1 minute)
+```
+Open prefab → Select root
+├─ Set size: 200x300
+└─ Assign: YOUR CARD BACK SPRITE → to Image sprite
+```
+
+### **4. BoosterOpeningPage.prefab** (10 minutes)
+```
+Open prefab → Add children manually:
+
+CREATE THESE CHILDREN:
+├─ CloseButton (UI > Button)
+├─ BottomRightContainer (Empty + SlotContainer component)
+│   ├─ Slot_0 (Empty + DraggableSlot)
+│   ├─ Slot_1 (Empty + DraggableSlot)
+│   └─ Slot_2 (Empty + DraggableSlot)
+├─ CenterSlot (Empty + DraggableSlot)
+│   └─ IMPORTANT: Apply Scale = ✓, Scale = (2,2,1)
+├─ CardDisplayContainer (Empty)
+└─ BoosterInstances (Empty)
+    ├─ Drag BoosterPackPrefab → name "BoosterPack_0" → Uncheck Active
+    ├─ Drag BoosterPackPrefab → name "BoosterPack_1" → Uncheck Active
+    └─ Drag BoosterPackPrefab → name "BoosterPack_2" → Uncheck Active
+
+WIRE UP ROOT COMPONENT:
+Select BoosterOpeningPage root → Assign all references:
+├─ Close Button → CloseButton
+├─ Booster Pack Instances [0-2] → BoosterPack_0, 1, 2
+├─ Bottom Right Slots → BottomRightContainer
+├─ Center Opening Slot → CenterSlot
+├─ Card Display Container → CardDisplayContainer
+└─ Flippable Card Prefab → FlippableCardPrefab.prefab
+```
+
+---
+
+## 🔍 Critical Settings
+
+### **CenterSlot (Most Important!)**
+```yaml
+Apply Scale To Occupant: ✓ CHECK THIS!
+Occupant Scale: (2, 2, 1)  # Makes booster 2x bigger
+Filter By Type: ✓
+Allowed Type Names: ["BoosterPackDraggable"]
+```
+
+### **BottomRightContainer SlotContainer**
+```yaml
+Layout Type: Vertical
+Spacing: 120
+Center Slots: ✓
+Auto Register Children: ✓
+```
+
+### **Each Bottom Slot (Slot_0, 1, 2)**
+```yaml
+Filter By Type: ✓
+Allowed Type Names: ["BoosterPackDraggable"]
+Apply Scale To Occupant: ☐ UNCHECKED (normal size)
+```
+
+---
+
+## ⚡ Super Quick Start
+
+**Fastest path to testing:**
+
+1. Open `BoosterVisual.prefab` → Assign 4 references → Save
+2. Open `BoosterPackPrefab.prefab` → Assign BoosterVisual, check tap settings → Save
+3. Open `FlippableCardPrefab.prefab` → Assign sprite → Save
+4. Open `BoosterOpeningPage.prefab` → Build child structure (see above) → Wire references → Save
+5. Test!
+
+---
+
+## 🎨 Sprite Assignments Needed
+
+You need to assign these sprites:
+
+1. **Booster Pack Sprite** → BoosterVisual/PackImage
+2. **Card Back Sprite** → FlippableCardPrefab
+3. **Optional: Background** → BoosterOpeningPage/Background
+
+---
+
+## 🐛 If Something Doesn't Work
+
+**Can't drag booster:**
+→ Check BoosterPackPrefab base Image has raycastTarget = ✓
+
+**Booster doesn't scale in center:**
+→ Check CenterSlot "Apply Scale To Occupant" = ✓
+
+**Taps don't work:**
+→ Check "Can Tap To Open" = ✓ on booster
+
+**No boosters show:**
+→ Check they're assigned in BoosterOpeningPage component
+→ Check CardSystemManager has boosters available
+
+---
+
+## 📄 Full Details
+
+See `SETUP_COMPLETE_Manual_Steps.md` for detailed step-by-step instructions!
+
+---
+
+**Estimated Time:** 15-20 minutes total 🕐
+