feat(remotion): +3 scene blocks (BarChart, Stomp, DeviceMockup) + catalog/toolchain docs
Unlocks the biggest catalog gaps by composition: - BarChart: animated infographic bars (value + label, normalized, staggered grow). - Stomp: punchy beat-synced typography — words slam in with overshoot + shake + accent impact bar (titles / fashion / openers). - DeviceMockup: phone/browser frame holding the user's screenshot + title/caption (app / website promo); placeholder when no image. Registry now has 12 blocks. All verified via FlexStory props-override stills. docs: CATALOG_PLAN.md (the full template taxonomy + production map + build waves; the Persian/Islamic occasions = the moat) and PREMIUM_TOOLCHAIN.md (the stop-motion/ paper-cut/premium tool plan; editable-backdrop architecture; Iran/OFAC reality). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
# FlatRender — Template Catalog Plan
|
||||
|
||||
The categories to cover, grouped, each mapped to **how it's produced** (engine ·
|
||||
style · assets) and **status**. Built on the FlexStory scene engine + block library
|
||||
([[project_scene_engine]]), the 3D single-comp templates, and the premium toolchain
|
||||
([[reference_premium_toolchain]]). Status: ✅ have · 🟡 partial (have a block/3D base) · ⬜ new.
|
||||
|
||||
## 1. Marketing / Promo — *engine: scene-engine + 3D · style: 2.5D / 3D cinematic*
|
||||
| Category | Approach | Status |
|
||||
|---|---|---|
|
||||
| Logo motion | 3D metallic + rays (single-comp) | ✅ LogoMotion3D |
|
||||
| App / website promo | device mockup + 2.5D | 🟡 AppShowcase3D, ProductShowcase |
|
||||
| Instagram promo | 2.5D + CTA | 🟡 InstaPromo |
|
||||
| YouTube promo / channel intro | 2.5D + subscribe CTA | 🟡 YouTubeIntro |
|
||||
| Sale / offer | 3D gift/box + badge | 🟡 Promo3D, SalePromo |
|
||||
| Real estate | image showcase + map/stats | ⬜ new (ImageCaption + StatCounter) |
|
||||
| Fashion | kinetic + image reveal | ⬜ new (Stomp + ImageCaption) |
|
||||
|
||||
## 2. Persian / Islamic occasions — ⭐ **THE MOAT** — *self-authored art; Western tools can't do these authentically*
|
||||
| Category | Notes | Status |
|
||||
|---|---|---|
|
||||
| Nowruz (نوروز) | haft-sin, sabzeh, goldfish | ✅ Nowruz3D, NowruzGreeting |
|
||||
| Yalda (شب یلدا) | pomegranate, watermelon, Hafez | ⬜ new |
|
||||
| Ramadan (رمضان) | crescent, fanoos/lantern | ⬜ new |
|
||||
| Eid (عید فطر/قربان) | celebratory, ornamental | ⬜ new |
|
||||
| Muharram (محرم) | somber, respectful, calligraphy | ⬜ new |
|
||||
| Condolences (تسلیت) | minimal, dignified | ⬜ new |
|
||||
| Wedding (عروسی) | elegant, gold, floral | ⬜ new |
|
||||
| Birthday (تولد) | confetti, cake | ✅ Birthday3D, HappyBirthday |
|
||||
> This group is the **differentiation** — Persian-first, culturally authentic, low competition. Highest strategic ROI. Self-authored seasonal art (the discipline we already use for Nowruz), no licensing/Iran blockers.
|
||||
|
||||
## 3. Presentation / Content — *engine: FlexStory scene-engine (already built)*
|
||||
| Category | Approach | Status |
|
||||
|---|---|---|
|
||||
| Presentations / openers | TitleCard + scene list | 🟡 Opener, TitleCard |
|
||||
| Slideshows | Slideshow block | ✅ |
|
||||
| Infographics | StatCounter + chart blocks | 🟡 (StatCounter; need Chart/Bar/Pie blocks) |
|
||||
| Explainers | CharacterScene + scene list | ✅ CharacterStory |
|
||||
| Toolkits | a *set* of reusable blocks/elements | ✅ the scene engine **is** this |
|
||||
|
||||
## 4. Titles / Typography — *style: kinetic type, beat-synced*
|
||||
| Category | Approach | Status |
|
||||
|---|---|---|
|
||||
| Titles / lower-thirds | kinetic text block | 🟡 KineticQuote |
|
||||
| Stomp | fast beat-synced typography to music | ⬜ new (Stomp block) |
|
||||
|
||||
## 5. Characters & Animation — *vendored CC0 art + 2.5D + craft*
|
||||
| Category | Approach | Status |
|
||||
|---|---|---|
|
||||
| Characters & animation | CC0 Open-Peeps + 2.5D SceneStage | ✅ CharacterScene |
|
||||
| Stop motion | craft kit: frame-step + jitter + grain | ⬜ new (toolchain P1) · or Wan 2.2 LoRA |
|
||||
| Paper-cut | layered planes + shadows + paper PBR | ⬜ new (toolchain) |
|
||||
|
||||
---
|
||||
|
||||
## What this tells us
|
||||
- **~60% is assembly on the existing scene engine** — promo, slideshow, openers, explainers, infographics, titles are *block compositions*, not new code. Build the missing blocks (Chart, Stomp, LowerThird) and most of §1/§3/§4 falls out.
|
||||
- **The Persian/Islamic pack (§2) is the moat** — self-authored, no competitor, no licensing/Iran issue. Invest here for differentiation.
|
||||
- **Stop-motion/paper-cut/premium (§5)** = the toolchain free-craft tier first, AI tier later.
|
||||
|
||||
## Build waves
|
||||
- **Wave 1 — Assemble from existing:** ship promo / slideshow / opener / explainer / infographic templates by composing current blocks + a few new blocks (Chart, Stomp, LowerThird, device mockup). Fast, leverages what's built.
|
||||
- **Wave 2 — The Persian moat:** Yalda · Ramadan · Eid · Muharram · Wedding · Condolences seasonal templates (self-authored art, reuse Nowruz3D learnings). The differentiator.
|
||||
- **Wave 3 — Craft/premium tier:** the free craft kit (frame-step, paper-cut planes, FinishPass, Lottie) → stop-motion + paper-cut + premium templates. Then self-host AI (Wan/FLUX).
|
||||
|
||||
**Each template still goes through the flow:** brief → ★ quality-gate (cheap still, your approval) ★ → build → per-scene previews → seed → deploy.
|
||||
Reference in New Issue
Block a user