primocode 10.17.0 → 10.19.0

package/kits/isometrico/exemplos/plano.json

@@ -0,0 +1,433 @@
+{
+ "kit": "isometrico",
+ "roteiro": "exemplos/roteiro.md",
+ "duracao": 240,
+ "trilha": {
+  "volume": 0.5
+ },
+ "cenas": [
+  {
+   "batida": "montar",
+   "de": 0,
+   "ate": 46,
+   "entrada": "nenhuma",
+   "camadas": [
+    {
+     "elemento": "BlocosMontando",
+     "props": {
+      "blocos": [
+       {
+        "x": 0,
+        "y": 0,
+        "z": 0,
+        "w": 6.2,
+        "d": 6.2,
+        "h": 0.4,
+        "cor": "creme",
+        "cai": 0
+       },
+       {
+        "x": -1.6,
+        "y": -1.6,
+        "z": 0.4,
+        "w": 1.8,
+        "d": 1.8,
+        "h": 1.2,
+        "cor": "coral",
+        "cai": 6
+       },
+       {
+        "x": 1.5,
+        "y": -1.5,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 2.2,
+        "cor": "marinho",
+        "cai": 11
+       },
+       {
+        "x": -1.5,
+        "y": 1.5,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 0.8,
+        "cor": "mostarda",
+        "cai": 16
+       },
+       {
+        "x": 1.6,
+        "y": 1.6,
+        "z": 0.4,
+        "w": 1.8,
+        "d": 1.8,
+        "h": 1.6,
+        "cor": "verde",
+        "cai": 21
+       },
+       {
+        "x": 0,
+        "y": 0,
+        "z": 0.4,
+        "w": 1.4,
+        "d": 1.4,
+        "h": 3.2,
+        "cor": "mostarda",
+        "cai": 26
+       },
+       {
+        "x": 1.5,
+        "y": -1.5,
+        "z": 2.6,
+        "w": 1,
+        "d": 1,
+        "h": 0.8,
+        "cor": "creme",
+        "cai": 31
+       }
+      ],
+      "inicio": 0,
+      "y": 820,
+      "escala": 100,
+      "giro": 0.6,
+      "angulo": 30
+     }
+    }
+   ],
+   "socos": [
+    10,
+    20,
+    31
+   ],
+   "sons": [
+    {
+     "som": "pop-cartao",
+     "em": 0
+    },
+    {
+     "som": "pop-cartao",
+     "em": 6
+    },
+    {
+     "som": "pop-cartao",
+     "em": 11
+    },
+    {
+     "som": "pop-cartao",
+     "em": 16
+    },
+    {
+     "som": "pop-cartao",
+     "em": 21
+    },
+    {
+     "som": "impacto",
+     "em": 31
+    }
+   ]
+  },
+  {
+   "batida": "titulo",
+   "de": 46,
+   "ate": 92,
+   "entrada": "direita",
+   "camadas": [
+    {
+     "elemento": "TextoNoChao",
+     "props": {
+      "linhas": [
+       "CONECTE",
+       "TUDO"
+      ],
+      "inicio": 2,
+      "y": 780,
+      "tamanho": 270
+     }
+    }
+   ],
+   "socos": [
+    14
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "subida",
+     "em": 0
+    },
+    {
+     "som": "impacto",
+     "em": 20
+    }
+   ]
+  },
+  {
+   "batida": "rede",
+   "de": 92,
+   "ate": 136,
+   "entrada": "zoom",
+   "camadas": [
+    {
+     "elemento": "RedeDeBlocos",
+     "props": {
+      "blocos": [
+       {
+        "x": 0,
+        "y": 0,
+        "z": 0,
+        "w": 6.8,
+        "d": 6.8,
+        "h": 0.4,
+        "cor": "creme"
+       },
+       {
+        "x": -2,
+        "y": -1.8,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 1.4,
+        "cor": "coral"
+       },
+       {
+        "x": 2,
+        "y": -1.8,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 1.4,
+        "cor": "marinho"
+       },
+       {
+        "x": 2,
+        "y": 1.8,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 1.4,
+        "cor": "verde"
+       },
+       {
+        "x": -2,
+        "y": 1.8,
+        "z": 0.4,
+        "w": 1.6,
+        "d": 1.6,
+        "h": 1.4,
+        "cor": "mostarda"
+       }
+      ],
+      "ligacoes": [
+       [
+        1,
+        2
+       ],
+       [
+        2,
+        3
+       ],
+       [
+        3,
+        4
+       ],
+       [
+        4,
+        1
+       ]
+      ],
+      "inicio": 0,
+      "y": 760,
+      "escala": 100
+     }
+    },
+    {
+     "elemento": "LegendaPlaca",
+     "props": {
+      "texto": "Tudo conversa.",
+      "inicio": 16,
+      "y": 1290
+     }
+    }
+   ],
+   "socos": [
+    16
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "pop-cartao",
+     "em": 4
+    },
+    {
+     "som": "pop-cartao",
+     "em": 8
+    },
+    {
+     "som": "pop-cartao",
+     "em": 12
+    },
+    {
+     "som": "pop-palavra",
+     "em": 18
+    }
+   ]
+  },
+  {
+   "batida": "dados",
+   "de": 136,
+   "ate": 178,
+   "entrada": "esquerda",
+   "camadas": [
+    {
+     "elemento": "CidadeDeDados",
+     "props": {
+      "valores": [
+       [
+        0.2,
+        0.35,
+        0.5,
+        0.3,
+        0.2
+       ],
+       [
+        0.4,
+        0.6,
+        0.85,
+        0.55,
+        0.3
+       ],
+       [
+        0.5,
+        0.9,
+        1,
+        0.8,
+        0.45
+       ],
+       [
+        0.3,
+        0.55,
+        0.75,
+        0.5,
+        0.25
+       ],
+       [
+        0.15,
+        0.3,
+        0.4,
+        0.25,
+        0.1
+       ]
+      ],
+      "inicio": 0,
+      "y": 800,
+      "escala": 92,
+      "alturaMax": 4.2
+     }
+    },
+    {
+     "elemento": "LegendaPlaca",
+     "props": {
+      "texto": "Dados ao vivo",
+      "inicio": 18,
+      "y": 1290
+     }
+    }
+   ],
+   "socos": [
+    24
+   ],
+   "sons": [
+    {
+     "som": "swoosh",
+     "em": -1
+    },
+    {
+     "som": "pop-cartao",
+     "em": 6
+    },
+    {
+     "som": "pop-cartao",
+     "em": 12
+    },
+    {
+     "som": "impacto",
+     "em": 24
+    },
+    {
+     "som": "pop-palavra",
+     "em": 20
+    }
+   ]
+  },
+  {
+   "batida": "titulo",
+   "de": 178,
+   "ate": 212,
+   "entrada": "subir",
+   "camadas": [
+    {
+     "elemento": "TextoNoChao",
+     "props": {
+      "linhas": [
+       "SEM",
+       "CÓDIGO"
+      ],
+      "inicio": 2,
+      "y": 780,
+      "tamanho": 270,
+      "cor": "mostarda",
+      "lado": "verde"
+     }
+    }
+   ],
+   "socos": [
+    14
+   ],
+   "sons": [
+    {
+     "som": "whoosh-entra",
+     "em": -1
+    },
+    {
+     "som": "impacto",
+     "em": 16
+    }
+   ]
+  },
+  {
+   "batida": "marca",
+   "de": 212,
+   "ate": 240,
+   "entrada": "zoom",
+   "camadas": [
+    {
+     "elemento": "AssinaturaMarca",
+     "props": {
+      "logo": "logo-nodo.svg",
+      "nome": "Nodo",
+      "detalhe": "Ligue seus sistemas.",
+      "endereco": "nodo.exemplo",
+      "inicio": 2,
+      "y": 600
+     }
+    }
+   ],
+   "sons": [
+    {
+     "som": "assinatura",
+     "em": 3
+    },
+    {
+     "som": "clique",
+     "em": 20
+    }
+   ]
+  }
+ ]
+}

package/kits/isometrico/exemplos/roteiro.md

@@ -0,0 +1,20 @@
+# Roteiro de demonstração · Nodo (produto fictício)
+
+Pedido: *"um reels de 8 s do Nodo, plataforma que conecta sistemas da empresa sem código. Blocos isométricos."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 15.0 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | montar | 0–46 | plataforma e 6 blocos caindo, mesa girando | BlocosMontando | pop-cartao, pop-cartao, pop-cartao, pop-cartao, pop-cartao, impacto |
+| 2 | titulo | 46–92 | "CONECTE TUDO" deitado no chão extrudado | TextoNoChao | whoosh-entra, subida, impacto |
+| 3 | rede | 92–136 | 4 nós ligados com pacotes de luz + "Tudo conversa." | RedeDeBlocos + LegendaPlaca | whoosh-entra, pop-cartao, pop-cartao, pop-cartao, pop-palavra |
+| 4 | dados | 136–178 | cidade de colunas 5×5 + "Dados ao vivo" | CidadeDeDados + LegendaPlaca | swoosh, pop-cartao, pop-cartao, impacto, pop-palavra |
+| 5 | titulo | 178–212 | "SEM CÓDIGO" deitado no chão | TextoNoChao | whoosh-entra, impacto |
+| 6 | marca | 212–240 | logo Nodo + "Ligue seus sistemas." | AssinaturaMarca | assinatura, clique |
+
+Como a IA chegou nisso:
+1. Cortou o pedido em montar, nome, conexão, dados, promessa e marca.
+2. Usou o motor `iso` em quatro cenas e o texto no chão em duas.
+3. Encaixou os pousos dos blocos nas batidas de 15 quadros.
+4. O `preview.tsx` entrega o plano à `Montagem`.

package/kits/isometrico/preview.tsx

@@ -0,0 +1,12 @@
+// Preview do kit: a demo (8 s) montada SÓ com os elementos do kit, a partir de exemplos/plano.json.
+// O estúdio registra isto como `Kit-isometrico`.
+import React from 'react';
+import {Montagem, Plano} from './elementos';
+import plano from './exemplos/plano.json';
+import logo from './exemplos/logo-nodo.svg';
+
+const arquivos: Record<string, string> = {'logo-nodo.svg': logo};
+
+const Preview: React.FC = () => <Montagem plano={plano as Plano} arquivos={arquivos} />;
+
+export const preview = {duracaoEmQuadros: plano.duracao, quadroCapa: 42, Componente: Preview};

package/kits/isometrico/receita.json

@@ -0,0 +1,155 @@
+{
+ "kit": "isometrico",
+ "fps": 30,
+ "batida_trilha_quadros": 15.0,
+ "duracao_video_s": [
+  6,
+  60
+ ],
+ "ordem_sugerida": [
+  "montar",
+  "titulo",
+  "rede",
+  "dados",
+  "marca"
+ ],
+ "batidas": [
+  {
+   "nome": "montar",
+   "obrigatoria": true,
+   "duracao": [
+    42,
+    52
+   ],
+   "elementos": [
+    "BlocosMontando"
+   ],
+   "entrada": [
+    "nenhuma"
+   ],
+   "sons": [
+    "pop-cartao",
+    "impacto"
+   ],
+   "nota": "plataforma + 5–6 blocos caindo, o último pousa com impacto."
+  },
+  {
+   "nome": "titulo",
+   "obrigatoria": true,
+   "duracao": [
+    33,
+    45
+   ],
+   "elementos": [
+    "TextoNoChao"
+   ],
+   "entrada": [
+    "direita",
+    "subir"
+   ],
+   "sons": [
+    "whoosh-entra",
+    "subida",
+    "impacto"
+   ],
+   "nota": "duas linhas curtas, deitadas e extrudadas."
+  },
+  {
+   "nome": "rede",
+   "obrigatoria": false,
+   "duracao": [
+    40,
+    48
+   ],
+   "elementos": [
+    "RedeDeBlocos",
+    "LegendaPlaca"
+   ],
+   "entrada": [
+    "zoom"
+   ],
+   "sons": [
+    "whoosh-entra",
+    "pop-cartao",
+    "pop-palavra"
+   ],
+   "nota": "4 nós ligados em anel, pacotes correndo; placa de 2–3 palavras."
+  },
+  {
+   "nome": "dados",
+   "obrigatoria": false,
+   "duracao": [
+    40,
+    48
+   ],
+   "elementos": [
+    "CidadeDeDados",
+    "LegendaPlaca"
+   ],
+   "entrada": [
+    "esquerda"
+   ],
+   "sons": [
+    "swoosh",
+    "pop-cartao",
+    "impacto"
+   ],
+   "nota": "a prova em colunas 3D."
+  },
+  {
+   "nome": "marca",
+   "obrigatoria": true,
+   "duracao": [
+    28,
+    45
+   ],
+   "elementos": [
+    "AssinaturaMarca"
+   ],
+   "entrada": [
+    "zoom"
+   ],
+   "sons": [
+    "assinatura",
+    "clique"
+   ],
+   "nota": "sempre a última."
+  }
+ ],
+ "transicoes": [
+  {
+   "nome": "nenhuma",
+   "quadros": 0,
+   "como": "gancho: os blocos caem sozinhos"
+  },
+  {
+   "nome": "direita",
+   "quadros": 12,
+   "como": "entra 760 px da direita"
+  },
+  {
+   "nome": "esquerda",
+   "quadros": 12,
+   "como": "entra 760 px da esquerda"
+  },
+  {
+   "nome": "zoom",
+   "quadros": 12,
+   "como": "entra de 1,9x para 1 com desfoque"
+  },
+  {
+   "nome": "subir",
+   "quadros": 12,
+   "como": "entra 260 px de baixo; a anterior sai 220 px para cima"
+  }
+ ],
+ "camera": {
+  "deriva": "sempre",
+  "socos": "cada pouso de bloco"
+ },
+ "trilha": {
+  "arquivo": "assets/trilha/trilha.mp3",
+  "volume": 0.5,
+  "com_narracao": 0.25
+ }
+}

package/kits/isometrico/regras/area-segura.md

@@ -0,0 +1,13 @@
+# Área segura
+9:16 em 1080×1920: texto em **y 168–1330** e **x 96–984**. Os blocos são imagem, mas ficam dentro das margens de 96 px.
+
+| elemento | y de referência (centro) | tamanho do herói |
+|---|---|---|
+| BlocosMontando | 820 | plataforma 6,2 un. × 100 px ≈ 877 px de largura |
+| TextoNoChao | 780 | plataforma de 760 px de lado em perspectiva ≈ 880 px |
+| RedeDeBlocos | 760 | plataforma 6,8 un. × 100 px; use `escala` 90 se passar de 888 px |
+| CidadeDeDados | 800 | 6,6 un. × 92 px ≈ 860 px de largura |
+| LegendaPlaca | 1260–1290 | 84 px, até 760 de largura |
+| AssinaturaMarca | 600 | plataforma ≈ 600 px, nome 250 px |
+
+Um herói por cena + no máximo 1 apoio. Espaço vazio: 35–45% do quadro.

package/kits/isometrico/regras/cor.md

@@ -0,0 +1,18 @@
+# Cor
+| token | hex | uso |
+|---|---|---|
+| `fundo` | `#DDE9F0` | chão |
+| `topo` | `#EBF3F8` | topo do degradê |
+| `tinta` | `#1B2B4B` | texto, contorno e sombra dura das plaquinhas |
+| `mute` | `#6F819F` | rótulos |
+| `coral` | `#F26B5B` | destaque, bloco principal, endereço |
+| `mostarda` | `#F2B134` | blocos, pacotes de luz |
+| `verde` | `#1FA6A0` | blocos |
+| `marinho` | `#233A66` | blocos, plataformas, trilhos |
+| `creme` | `#FFF8EC` | plataformas, topos claros, placas |
+
+- **Sombreamento de bloco** (função `tom`): topo = cor × 1,12; lateral = cor × (0,78 + 0,38 × (n·luz)), com luz vindo de cima à esquerda; faces com traço de 1,5 px na própria cor (sem fresta).
+- Sombra no chão `rgba(27,43,75,0.16)`; sombra dura da placa `10px 10px 0 #1B2B4B`.
+- Malha isométrica `rgba(27,43,75,0.07)`, linhas a ±30°, passo 96 px.
+- Colunas da cidade: altura > 0,7 = coral; > 0,4 = verde; resto = marinho.
+- O cliente troca coral/mostarda/verde/marinho; fundo, tinta e creme ficam.

package/kits/isometrico/regras/movimento.md

@@ -0,0 +1,16 @@
+# Movimento
+Curva padrão `cubic-bezier(.2,.8,.2,1)` (`e5`); queda e subida com overshoot (`eb`, c1 = 2,2).
+
+| movimento | quadros | valores |
+|---|---|---|
+| bloco cai | 16 (a cada 4–5 quadros) | de 9 unidades acima até o chão, quica ~10%; aparece em 3 quadros |
+| sombra | 12 | cresce de 0 a 100% depois do pouso |
+| mesa giratória | contínua | 0,45–0,6°/quadro (≈ 15–18°/s) |
+| bloco da rede sobe | 16 (a cada 4) | altura 0 → 100% com overshoot |
+| pacotes de luz | contínua | 0,022 do trilho por quadro; 3 por trilho |
+| colunas da cidade | 18 (`(i + j) × 2` de atraso) | altura 0 → valor com overshoot |
+| texto no chão | 18 + 18 | entra com scale 0,7 → 1; extrusão 0 → 54 px; a plataforma gira −48° → −38° |
+| plaquinha | 16 | sobe 60 px, scale 0,85 → 1 com overshoot |
+| entrada de cena | 12 | zoom 1,9x / lateral 760 px / subir 260 px |
+| câmera | contínua | zoom 1,02 + 0,0004/quadro, deriva 10×8 px, soco +0,03 por pouso |
+| respiro | 10–14 quadros | depois do último bloco pousar, só a mesa gira |

package/kits/isometrico/regras/ritmo.md

@@ -0,0 +1,13 @@
+# Ritmo
+- 1 batida = **15 quadros** (110 bpm). Cenas de 1,1 a 1,6 s (33–48 quadros).
+- Montar 7 blocos: 46 quadros (um a cada 5, o último bate no 31, respiro de 15).
+
+| batida | duração s | quadros |
+|---|---|---|
+| montar | 1,4–1,7 | 42–52 |
+| titulo | 1,1–1,5 | 33–45 |
+| rede | 1,3–1,6 | 40–48 |
+| dados | 1,3–1,6 | 40–48 |
+| marca | 0,9–1,5 | 28–45 |
+
+Demo 8 s = 240 quadros = 6 cenas: 0, 46, 92, 136, 178, 212.

package/kits/isometrico/regras/som.md

@@ -0,0 +1,18 @@
+# Som
+- Trilha: `assets/trilha/trilha.mp3` (9 s, 110 bpm, preset warm-major, tom C, lead marimba), volume **0,5**, fade nos últimos **20 quadros**.
+- Com narração: trilha a **0,25**, efeitos a 70%. Pacote de efeitos: MotionCraft `organic-wood` (blocos de madeira).
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
+| `swoosh` | 1,0 | movimento lateral grande |
+| `whoosh-sai` | 0,8 | saída grande |
+| `pop-palavra` | 1,0 | palavra-chave que entra |
+| `pop-cartao` | 0,9 | peça que pousa |
+| `impacto` | 0,85 | clímax da cena |
+| `subida` | 0,7 | 1,2 s antes de um impacto (sempre resolve nele) |
+| `assinatura` | 0,9 | revelação da marca |
+| `clique` | 0,8 | endereço/CTA aparece |
+
+- **`pop-cartao` em cada bloco que pousa** (1 quadro antes do contato); `impacto` no último bloco; sem `swoosh` fora das trocas laterais.
+- Máx. **3 sons/s**; nunca o mesmo arquivo duas vezes seguidas. Alvo **−14 LUFS**, pico −1,5 dBTP.