diff --git a/GEMINI_WEB_UI_PROMPTS.md b/GEMINI_WEB_UI_PROMPTS.md new file mode 100644 index 000000000..c5acc6982 --- /dev/null +++ b/GEMINI_WEB_UI_PROMPTS.md @@ -0,0 +1,340 @@ +# 🎨 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