# Round 17 — Tower Floors J27-J31 · Animation Wing + Games Floor

**Date**: 2026-04-30 · **Status**: ✅ COMPLETE

---

## 🏛️ The Animation Wing

```
J27 Lottie Generator     ←──── הקומה האסטרטגית ביותר
J28 Motion Graphics      ←──── for video output
J29 Sticker Pack         ←──── for messaging apps
J30 Live Score Ticker    ←──── for sports
J31 Games Floor          ←──── advergames + quizzes
```

---

## 🎬 J27 · Lottie Generator

**תפקיד**: ליצור Lottie animations מותאמות לarticle. שמירה על **Lottie JSON ⊂ A2UI catalog** (Lottie format הוא subset של JSON, ניתן לטעון כ-component).

**Modes**:

1. **Template-based** (90% מהזמן): 50 templates בR2 `master-jason-lottie/templates/`. הקומה בוחרת את הקרוב ביותר ל-desk.

2. **AI-generated** (rare): Lottie generation מ-Gemini עם JSON output. עדיין בparser preview.

**Output**:
```json
{
  "id": "anim-1",
  "component": "LottiePlayer",
  "src": "https://assets.clastop.app/lottie/templates/breaking-news-burst.json",
  "autoplay": true,
  "loop": false,
  "speed": 1.0
}
```

**Cost**: 0$ (template) או 0.002$ (AI)

---

## 🎞️ J28 · Motion Graphics (Video Output)

**תפקיד**: short-form video (15-60s) מ-article. מתאים ל-TikTok/Instagram Reels/YouTube Shorts.

**Stack**:
- Remotion (React-to-video, free) — לrendering
- ffmpeg — לcomposing layers
- TTS audio מ-J23 + visuals מ-J26 + Lottie מ-J27

**Templates** (5 ב-R2):
- `tiktok_breaking` — vertical 9:16, 15s, fast cuts
- `reels_lifestyle` — vertical 9:16, 30s, slow elegant
- `shorts_tech` — 9:16, 60s, infographic-heavy
- `linkedin_political` — 1:1, 60s, formal
- `twitter_video` — 16:9, 60s, news-style

**Cost**: 0.01$ render time · ~30-60s per video.

---

## 😀 J29 · Sticker Pack

**תפקיד**: ליצור stickers ל-iMessage/Telegram/WhatsApp מהarticle. מתאים לentertainment desk.

**Format**: PNG with transparent BG, 512×512, sets of 6.

**Tools**: SDXL inpainting + remove.bg API.

**Cost**: 0.005$ per pack of 6 · 10s

**A2UI**:
```json
{ "id": "sticker-pack", "component": "StickerPack", "stickers": [...] }
```

---

## ⚽ J30 · Live Score Ticker (Sports Only)

**תפקיד**: ל-sports articles — to render real-time score.

**Data sources**:
- ESPN API
- Israeli football league API
- NBA Stats API

**Output**: streaming JSON updates.

**A2UI**:
```json
{
  "id": "score-ticker",
  "component": "ScoreTicker",
  "match_id": "string",
  "home": { "name": "...", "score": 0 },
  "away": { "name": "...", "score": 0 },
  "minute": 0,
  "events": []
}
```

מקבל updates per minute. ב-game live → streamed.

**Cost**: 0$ (free APIs) · ~50ms

---

## 🎮 J31 · Games Floor (Advergame Generator)

**תפקיד**: ליצור משחקים קטנים (≤2MB) מarticle. מקור הכנסה לtenants.

**Game templates** (12 templates):
1. **Quiz** — 5 שאלות מ-article
2. **True/False** — claims מ-article
3. **Memory Match** — entities מ-article
4. **Crossword** — מילים מהכתבה
5. **Word Search** — same
6. **Trivia** — fact-checked claims
7. **Match Pairs** — events ↔ dates
8. **Drag-Drop Timeline** — sequence events
9. **Spot the Difference** — Image variants
10. **Hidden Object** — Image
11. **Lottery Wheel** — sponsorship slot
12. **Tap-Game** — sponsorship slot

**Output**: Three.js + GSAP playable, embedded as iframe (sandboxed).

**Monetization**: 
- Tenant gets 70% of impression revenue
- 20% to game template creator (marketplace pattern)
- 10% to clastop platform fee

**Cost**: 0.001$ per game generation (Gemini → questions/answers) · 2-3s

---

## ⏱️ Timing

| Floor | Time | Cost |
|---|---|---|
| J27 Lottie | 100ms | 0$ |
| J28 Video | 60s (background) | 0.01$ |
| J29 Stickers | 10s | 0.005$ |
| J30 Score Ticker | 50ms | 0$ |
| J31 Games | 3s | 0.001$ |

הvideo (J28) רץ **באבcasting** — ה-article מתפרסם בלעדיו. ה-video מצטרף שעה מאוחר יותר ב-update.

---

## ✅ Closure

✅ Round 17 closed. **Animation + Games · Lottie ⊂ A2UI · 12 game templates · revenue 70/20/10 split**.