# 🎨 GEMINI WEB UI - ANIMATION PROMPTS
**Manual Generation Guide**  
**Use**: https://gemini.google.com (Gemini Advanced)

---

## 👤 CHARACTER BASE DESCRIPTIONS

### **KAI** (Main protagonist):
```
Young male adventurer with green hair, wearing backpack, explorer outfit with vest and cargo pants, hiking boots
```

### **ANA** (Supporting character):
```
Young girl explorer with pink/magenta dreadlocks, wearing green vest over brown shirt, cargo shorts, hiking boots, backpack
```

### **GRONK** (Supporting character):
```
Large friendly orc with green skin, pink dreadlocks, pink ear gauges, wearing pink hoodie (covers belly), baggy black pants, pink sneakers, holding pink vape pen
```

---

## 🎬 COMPLETE PROMPT TEMPLATES

### **STYLE A** (Cartoon Vector):
```
2D game character sprite, cartoon vector art style with bold black outlines, flat colors, cute playful aesthetic, isolated on pure white background
```

### **STYLE B** (Noir):
```
2D game character sprite, dark hand-drawn gritty noir style with dramatic shadows, high contrast, sketchy atmospheric lines, isolated on pure white background
```

---

## 🚶 WALK CYCLE (4 frames × 4 directions)

### **WALK NORTH** (back view, walking away):

#### **Frame 1**:
```
Generate a 2D game character sprite:

Character: [CHARACTER DESCRIPTION]

Action: Walking away from camera, back view, frame 1 of 4-frame walk cycle
- Left foot forward, right foot back
- Arms swinging naturally
- Body leaning slightly into step

Style: [STYLE A or STYLE B]

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

#### **Frame 2**:
```
[Same as Frame 1 but:]
Action: Walking away from camera, back view, frame 2 of 4-frame walk cycle
- Mid-stride, both feet touching ground
- Arms at neutral position
```

#### **Frame 3**:
```
[Same as Frame 1 but:]
Action: Walking away from camera, back view, frame 3 of 4-frame walk cycle
- Right foot forward, left foot back (opposite of frame 1)
- Arms swinging (opposite direction from frame 1)
```

#### **Frame 4**:
```
[Same as Frame 1 but:]
Action: Walking away from camera, back view, frame 4 of 4-frame walk cycle
- Mid-stride, both feet touching ground
- Arms returning to neutral
```

---

### **WALK SOUTH** (front view, walking toward):

#### **Frame 1**:
```
Generate a 2D game character sprite:

Character: [CHARACTER DESCRIPTION]

Action: Walking toward camera, front view, frame 1 of 4-frame walk cycle
- Right foot forward, left foot back
- Arms swinging naturally
- Facing viewer directly

Style: [STYLE A or STYLE B]

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

**Frames 2-4**: Same pattern as North, adjust foot positions

---

### **WALK EAST** (side view, walking right):

#### **Frame 1**:
```
Generate a 2D game character sprite:

Character: [CHARACTER DESCRIPTION]

Action: Walking to the right, side profile view, frame 1 of 4-frame walk cycle
- Facing right
- Right foot forward
- Left arm forward, right arm back (natural walking motion)

Style: [STYLE A or STYLE B]

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

**Frames 2-4**: Same pattern, adjust positions

---

### **WALK WEST** (side view, walking left):

#### **Frame 1**:
```
Generate a 2D game character sprite:

Character: [CHARACTER DESCRIPTION]

Action: Walking to the left, side profile view, frame 1 of 4-frame walk cycle
- Facing left (mirror of east)
- Left foot forward
- Right arm forward, left arm back

Style: [STYLE A or STYLE B]

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

---

## 🧍 IDLE POSES (1 frame × 4 directions)

### **IDLE NORTH** (back view):
```
Generate a 2D game character sprite:

Character: [CHARACTER DESCRIPTION]

Action: Standing idle, back view
- Relaxed standing pose
- Arms at sides or slightly away from body
- Weight evenly distributed on both feet
- Slight natural sway/breathing animation potential

Style: [STYLE A or STYLE B]

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

### **IDLE SOUTH** (front view):
```
[Same structure, but:]
Action: Standing idle, front view, facing camera
- Relaxed standing pose
- Looking at viewer
```

### **IDLE EAST** (side right):
```
[Same structure, but:]
Action: Standing idle, side profile facing right
```

### **IDLE WEST** (side left):
```
[Same structure, but:]
Action: Standing idle, side profile facing left
```

---

## 📝 FILE NAMING CONVENTION

**Format**: `{character}_{action}_{direction}_{frame}_{style}.png`

**Examples**:
- `kai_walk_north_1_stylea.png`
- `kai_walk_north_1_styleb.png`
- `ana_walk_south_1_stylea.png`
- `gronk_idle_east_stylea.png` (idle has no frame number)

**Save to**:
- Kai: `assets/slike/liki/kai/`
- Ana: `assets/slike/liki/ana/`
- Gronk: `assets/slike/liki/gronk/`

---

## ✅ GENERATION CHECKLIST

### **Priority 1: CORE MOVEMENT** (20 frames × 2 styles = 40 per character)

**Per Character (Kai, Ana, Gronk):**

#### **Walk North** (4 frames):
- [ ] Frame 1 Style A
- [ ] Frame 1 Style B
- [ ] Frame 2 Style A
- [ ] Frame 2 Style B
- [ ] Frame 3 Style A
- [ ] Frame 3 Style B
- [ ] Frame 4 Style A
- [ ] Frame 4 Style B

#### **Walk South** (4 frames):
- [ ] Frame 1 Style A
- [ ] Frame 1 Style B
- [ ] Frame 2 Style A
- [ ] Frame 2 Style B
- [ ] Frame 3 Style A
- [ ] Frame 3 Style B
- [ ] Frame 4 Style A
- [ ] Frame 4 Style B

#### **Walk East** (4 frames):
- [ ] Frame 1 Style A
- [ ] Frame 1 Style B
- [ ] Frame 2 Style A
- [ ] Frame 2 Style B
- [ ] Frame 3 Style A
- [ ] Frame 3 Style B
- [ ] Frame 4 Style A
- [ ] Frame 4 Style B

#### **Walk West** (4 frames):
- [ ] Frame 1 Style A
- [ ] Frame 1 Style B
- [ ] Frame 2 Style A
- [ ] Frame 2 Style B
- [ ] Frame 3 Style A
- [ ] Frame 3 Style B
- [ ] Frame 4 Style A
- [ ] Frame 4 Style B

#### **Idle North**:
- [ ] Style A
- [ ] Style B

#### **Idle South**:
- [ ] Style A
- [ ] Style B

#### **Idle East**:
- [ ] Style A
- [ ] Style B

#### **Idle West**:
- [ ] Style A
- [ ] Style B

---

## 🎯 QUICK START EXAMPLE

### **Generate: Kai Walk North Frame 1 Style A**

**Full Prompt**:
```
Generate a 2D game character sprite:

Character: Young male adventurer with green hair, wearing backpack, explorer outfit with vest and cargo pants, hiking boots

Action: Walking away from camera, back view, frame 1 of 4-frame walk cycle
- Left foot forward, right foot back
- Arms swinging naturally
- Body leaning slightly into step

Style: 2D game character sprite, cartoon vector art style with bold black outlines, flat colors, cute playful aesthetic, isolated on pure white background

Technical:
- Full body visible
- Centered composition
- Isolated on pure white background
- Game sprite asset
```

**Download as**: `kai_walk_north_1_stylea.png`  
**Save to**: `assets/slike/liki/kai/`

---

## 💡 TIPS

1. **Copy-paste prompts** - Use templates exactly
2. **Generate 1 at a time** - Download after each
3. **Rename immediately** - Don't lose track
4. **Check consistency** - Compare with master reference
5. **Re-generate if needed** - If not consistent enough

---

## ⏱️ TIME ESTIMATE

- **1 frame** = ~30 seconds (generate + download + rename)
- **40 frames** (1 character, both styles) = ~20 minutes
- **120 frames** (all 3 characters) = **~1 hour** (manual work)

---

**Ready to start!** 🚀  
**Begin with**: Kai Walk North Frame 1 Style A