primocode 10.17.1 → 10.19.0

package/kits/rabisco/elementos/TracoDesenhando.tsx

@@ -0,0 +1,31 @@
+// TracoDesenhando: o herói. Um desenho de caneta grande (lâmpada, seta, estrela, coração, raio, espiral) que se desenha traço por traço,
+// com a linha tremendo, e uma segunda cor de marca-texto que preenche por baixo no fim. Ocupa ~700 px.
+import React from 'react';
+import {COR, mola, seg, useF} from './base';
+import {ferver, traco} from './traco';
+
+type Desenho = {tracos: string[]; preenche?: string};
+const espiral = (() => { let d = 'M50 50'; for (let a = 0; a < Math.PI * 7; a += 0.25) { const r = 2 + a * 2.1; d += ` L${50 + Math.cos(a) * r} ${50 + Math.sin(a) * r}`; } return d; })();
+export const DESENHOS: Record<string, Desenho> = {
+  lampada: {tracos: ['M50 12 C24 12 14 40 28 58 C34 66 36 70 36 78 L64 78 C64 70 66 66 72 58 C86 40 76 12 50 12', 'M38 87 L62 87', 'M42 95 L58 95', 'M10 22 L19 30', 'M90 22 L81 30', 'M3 52 L14 52', 'M97 52 L86 52', 'M50 3 L50 -4'], preenche: 'M50 14 C28 14 18 40 31 56 C37 64 39 68 39 76 L61 76 C61 68 63 64 69 56 C82 40 72 14 50 14'},
+  seta: {tracos: ['M8 84 C14 40 44 14 86 36', 'M64 14 L88 38 L58 54'], preenche: ''},
+  estrela: {tracos: ['M50 6 L61 38 L95 40 L68 61 L78 94 L50 75 L22 94 L32 61 L5 40 L39 38 Z'], preenche: 'M50 12 L60 40 L88 42 L66 59 L74 86 L50 70 L26 86 L34 59 L12 42 L40 40 Z'},
+  coracao: {tracos: ['M50 88 C8 56 6 24 30 17 C42 13 50 24 50 31 C50 24 58 13 70 17 C94 24 92 56 50 88'], preenche: 'M50 82 C14 54 12 28 31 22 C42 19 50 28 50 34 C50 28 58 19 69 22 C88 28 86 54 50 82'},
+  raio: {tracos: ['M60 4 L22 56 L48 56 L36 96 L78 40 L52 40 Z'], preenche: 'M58 12 L30 52 L52 52 L44 84 L70 44 L48 44 Z'},
+  espiral: {tracos: [espiral]},
+};
+export type TracoDesenhandoProps = {nome?: keyof typeof DESENHOS | string; x?: number; y?: number; tam?: number; cor?: string; inicio?: number; duracao?: number};
+export const TracoDesenhando: React.FC<TracoDesenhandoProps> = ({nome = 'lampada', x = 540, y = 720, tam = 760, cor = COR.tinta, inicio = 0, duracao = 34}) => {
+  const f = useF() - inicio;
+  const d = DESENHOS[nome] ?? DESENHOS.lampada;
+  const n = d.tracos.length;
+  const fim = duracao + 4;
+  const pf = mola(seg(f, duracao - 4, duracao + 10), 1.2);
+  return <div style={{position: 'absolute', left: x - tam / 2, top: y - tam / 2, width: tam, height: tam, transform: `rotate(${Math.sin(f / 18) * 1.5}deg)`}}>
+    <svg viewBox="-8 -8 116 116" width={tam} height={tam} style={{overflow: 'visible', filter: ferver(f)}}>
+      {d.preenche ? <path d={d.preenche} fill={COR.marca} opacity={0.95 * pf} style={{mixBlendMode: 'multiply'}} transform={`translate(${(1 - pf) * 4} 3)`} /> : null}
+      {d.tracos.map((p, i) => <path key={i} d={p} {...traco(seg(f, (i / n) * duracao, ((i + 1) / n) * duracao + 3), i === 0 ? cor : cor, 3.4)} />)}
+      {nome === 'lampada' && <path d="M40 80 C44 60 56 60 60 80" {...traco(seg(f, fim - 8, fim + 6), COR.vermelho, 3.2)} />}
+    </svg>
+  </div>;
+};

package/kits/rabisco/elementos/base.ts

@@ -0,0 +1,76 @@
+// Base do kit rabisco: cores, fontes, curvas, passo e medidas. Todo número visual sai daqui.
+// Os elementos importam só este arquivo, 'react' e 'remotion'.
+import {continueRender, delayRender, useCurrentFrame} from 'remotion';
+import fonte0 from '../assets/fontes/permanent-marker.woff2';
+import fonte1 from '../assets/fontes/caveat-700.woff2';
+
+// ---------- tela ----------
+export const LARGURA = 1080, ALTURA = 1920, FPS = 30;
+export const SEGURA = {topo: 168, base: 1330, lado: 80};
+export const LARGURA_UTIL = LARGURA - SEGURA.lado * 2; // 920 px
+
+// ---------- cor ----------
+export const COR = {
+  "papel": "#FBF8F0",
+  "linha": "#DCE6F2",
+  "tinta": "#1E1E24",
+  "azul": "#2F5BFF",
+  "vermelho": "#FF4B3A",
+  "marca": "#FFE14D",
+  "cinza": "#9A9AA6"
+};
+
+// ---------- fonte ----------
+export const FONTE_TITULO = '"RB Permanent Marker", cursive';
+export const FONTE_TEXTO = '"RB Caveat", cursive';
+const FONTES: [string, string, string][] = [['RB Permanent Marker', fonte0, '400'], ['RB Caveat', fonte1, '700']];
+if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__k_rabisco) {
+  (globalThis as Record<string, unknown>).__k_rabisco = true;
+  const h = delayRender('rabisco: fontes');
+  Promise.all(FONTES.map(([nome, url, peso]) => new FontFace(nome, `url(${url}) format('woff2')`, {weight: peso, style: 'normal'}).load().then((ff) => {document.fonts.add(ff);}).catch(() => undefined)))
+    .then(() => continueRender(h));
+}
+
+// ---------- tempo e curva ----------
+/** passo da animação: 1 = liso, 2 ou 3 = movimento em passos (stop-motion / 8 bits) */
+export const PASSO = 2;
+export const q = (f: number) => Math.floor(f / PASSO) * PASSO;
+/** quadro atual da cena, já em passos */
+export const useF = () => q(useCurrentFrame());
+export const c01 = (t: number) => Math.max(0, Math.min(1, t));
+/** progresso 0..1 de f entre a e b */
+export const seg = (f: number, a: number, b: number) => c01((f - a) / (b - a));
+/** saída rápida e pouso longo */
+export const e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);
+/** passa do alvo e volta (overshoot ~1.8) */
+export const mola = (t: number, s = 1.8) => { const x = c01(t) - 1; return x * x * ((s + 1) * x + s) + 1; };
+export const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
+/** ruído determinístico 0..1 */
+export const ruido = (n: number) => { const x = Math.sin(n * 127.1 + 311.7) * 43758.5453; return x - Math.floor(x); };
+/** uma batida da trilha do kit (112 bpm) em quadros */
+export const BATIDA = 16.07;
+
+// ---------- medida de texto ----------
+let canvas: HTMLCanvasElement | null = null;
+const cache = new Map<string, number>();
+export const larguraTexto = (texto: string, tamanho: number, familia = FONTE_TITULO, peso = 400, trackingEm = 0): number => {
+  const chave = `${texto}|${tamanho}|${familia}|${peso}|${trackingEm}`;
+  const c = cache.get(chave); if (c !== undefined) return c;
+  if (typeof document === 'undefined') return texto.length * tamanho * 0.6;
+  canvas = canvas || document.createElement('canvas');
+  const ctx = canvas.getContext('2d'); if (!ctx) return texto.length * tamanho * 0.6;
+  const fonte = `${peso} ${tamanho}px ${familia}`;
+  ctx.font = fonte;
+  const w = ctx.measureText(texto).width + texto.length * trackingEm * tamanho;
+  if (document.fonts.check(fonte)) cache.set(chave, w);
+  return w;
+};
+/** o maior tamanho até `tamanho` em que o texto cabe em `largura` */
+export const caber = (texto: string, tamanho: number, largura = LARGURA_UTIL, familia = FONTE_TITULO, peso = 400, trackingEm = 0) => {
+  const w = larguraTexto(texto, tamanho, familia, peso, trackingEm);
+  return w > largura ? Math.floor(tamanho * (largura / w)) : tamanho;
+};
+/** tira os asteriscos de destaque: "Usar *IA*" -> "Usar IA" */
+export const textoLimpo = (t: string) => t.replace(/\*/g, '');
+/** divide "Usar *IA* já" em [{t:'Usar ',d:false},{t:'IA',d:true},{t:' já',d:false}] */
+export const comDestaque = (t: string) => t.split('*').map((p, i) => ({t: p, d: i % 2 === 1})).filter((p) => p.t !== '');

package/kits/rabisco/elementos/index.ts

@@ -0,0 +1,16 @@
+// Tudo que o kit rabisco oferece.
+export * from './base';
+export {Fundo} from './Fundo';
+export {Overlay} from './Overlay';
+export {Camera, posCamera} from './Camera';
+export {Cena, useDuracaoCena, SOBREPOE} from './Cena';
+export {AssinaturaMarca} from './AssinaturaMarca';
+export {Bonequinho} from './Bonequinho';
+export {CartaoRabiscado} from './CartaoRabiscado';
+export {ListaRabiscada} from './ListaRabiscada';
+export {TituloRabisco} from './TituloRabisco';
+export {TracoDesenhando} from './TracoDesenhando';
+export {Efeito, Trilha, SONS} from './Som';
+export type {NomeSom} from './Som';
+export {Montagem, ELEMENTOS} from './Montagem';
+export type {Plano, CenaPlano, Camada} from './Montagem';

package/kits/rabisco/elementos/traco.ts

@@ -0,0 +1,10 @@
+// traco: helpers do kit (não são elementos do plano). Atributos de um traço de caneta que se desenha e o filtro de "fervura" do traço.
+import {seg} from './base';
+
+/** props de um <path> que se desenha: t vai de 0 a 1 */
+export const traco = (t: number, cor: string, largura = 7) => ({
+  pathLength: 1, fill: 'none', stroke: cor, strokeWidth: largura, strokeLinecap: 'round' as const, strokeLinejoin: 'round' as const,
+  style: {strokeDasharray: 1, strokeDashoffset: 1 - seg(t, 0, 1)},
+});
+/** filtro SVG de tremor (4 sementes definidas em Fundo.tsx) trocado a cada 2 quadros */
+export const ferver = (f: number) => `url(#rb-${Math.floor(f / 2) % 4})`;

package/kits/rabisco/exemplos/plano.json

@@ -0,0 +1,238 @@
+{
+  "kit": "rabisco",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {
+    "volume": 0.5
+  },
+  "cenas": [
+    {
+      "batida": "gancho",
+      "de": 0,
+      "ate": 50,
+      "entrada": "nenhuma",
+      "naTela": "\"Você sabe / desenhar?\" com marca-texto",
+      "camadas": [
+        {
+          "elemento": "TituloRabisco",
+          "props": {
+            "linhas": [
+              "Você sabe",
+              "desenhar?"
+            ],
+            "inicio": 2,
+            "intervalo": 10,
+            "y": 740,
+            "tamanho": 230,
+            "destaque": 1
+          }
+        }
+      ],
+      "socos": [
+        26
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": 0
+        },
+        {
+          "som": "tick",
+          "em": 3
+        },
+        {
+          "som": "pop-palavra",
+          "em": 11
+        },
+        {
+          "som": "tick",
+          "em": 14
+        },
+        {
+          "som": "impacto",
+          "em": 30
+        }
+      ]
+    },
+    {
+      "batida": "prova",
+      "de": 50,
+      "ate": 100,
+      "entrada": "zoom",
+      "naTela": "lâmpada desenhada traço a traço",
+      "camadas": [
+        {
+          "elemento": "TracoDesenhando",
+          "props": {
+            "nome": "lampada",
+            "y": 740,
+            "tam": 760,
+            "duracao": 30
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": -1
+        },
+        {
+          "som": "tick",
+          "em": 2
+        },
+        {
+          "som": "tick",
+          "em": 10
+        },
+        {
+          "som": "tick",
+          "em": 18
+        },
+        {
+          "som": "impacto",
+          "em": 34
+        }
+      ]
+    },
+    {
+      "batida": "virada",
+      "de": 100,
+      "ate": 146,
+      "entrada": "direita",
+      "naTela": "boneco de palitos com balão \"Sabe sim!\"",
+      "camadas": [
+        {
+          "elemento": "Bonequinho",
+          "props": {
+            "fala": "Sabe sim!",
+            "y": 960,
+            "tam": 720
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "swoosh",
+          "em": -1
+        },
+        {
+          "som": "tick",
+          "em": 3
+        },
+        {
+          "som": "tick",
+          "em": 10
+        },
+        {
+          "som": "pop-cartao",
+          "em": 22
+        }
+      ]
+    },
+    {
+      "batida": "lista",
+      "de": 146,
+      "ate": 190,
+      "entrada": "subir",
+      "naTela": "caixinhas Lápis / Papel / Vontade",
+      "camadas": [
+        {
+          "elemento": "ListaRabiscada",
+          "props": {
+            "itens": [
+              "Lápis",
+              "Papel",
+              "Vontade"
+            ],
+            "intervalo": 9,
+            "y": 740,
+            "altura": 260
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": -1
+        },
+        {
+          "som": "tick",
+          "em": 2
+        },
+        {
+          "som": "clique",
+          "em": 12
+        },
+        {
+          "som": "tick",
+          "em": 11
+        },
+        {
+          "som": "clique",
+          "em": 21
+        }
+      ]
+    },
+    {
+      "batida": "data",
+      "de": 190,
+      "ate": 218,
+      "entrada": "nenhuma",
+      "naTela": "cartão torto \"9 NOV\" + domingo · 10h",
+      "camadas": [
+        {
+          "elemento": "CartaoRabiscado",
+          "props": {
+            "texto": "9\nNOV",
+            "sub": "domingo · 10h",
+            "y": 740,
+            "tamanho": 310,
+            "altura": 760
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "tick",
+          "em": 1
+        },
+        {
+          "som": "impacto",
+          "em": 12
+        },
+        {
+          "som": "pop-cartao",
+          "em": 22
+        }
+      ]
+    },
+    {
+      "batida": "marca",
+      "de": 218,
+      "ate": 240,
+      "entrada": "subir",
+      "naTela": "nome em marca-texto + estrela + endereço",
+      "camadas": [
+        {
+          "elemento": "AssinaturaMarca",
+          "props": {
+            "nome": "Clube",
+            "detalhe": "do Desenho · para iniciantes",
+            "endereco": "clubedodesenho.exemplo",
+            "inicio": 0
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "assinatura",
+          "em": 2
+        },
+        {
+          "som": "clique",
+          "em": 20
+        }
+      ]
+    }
+  ]
+}

package/kits/rabisco/exemplos/roteiro.md

@@ -0,0 +1,20 @@
+# Roteiro de demonstração · "Clube do Desenho" (fictício)
+
+Pedido: *"um reels de 8 s anunciando o Clube do Desenho, oficina para iniciantes, domingo 9 de novembro, às 10h. Estilo rabisco de caderno."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 16.07 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–50 | "Você sabe / desenhar?" com marca-texto | TituloRabisco | whoosh-entra, tick, pop-palavra, impacto |
+| 2 | prova | 50–100 | lâmpada desenhada traço a traço | TracoDesenhando | whoosh-entra, tick, impacto |
+| 3 | virada | 100–146 | boneco de palitos com balão "Sabe sim!" | Bonequinho | swoosh, tick, pop-cartao |
+| 4 | lista | 146–190 | caixinhas Lápis / Papel / Vontade | ListaRabiscada | whoosh-entra, tick, clique |
+| 5 | data | 190–218 | cartão torto "9 NOV" + domingo · 10h | CartaoRabiscado | tick, impacto, pop-cartao |
+| 6 | marca | 218–240 | nome em marca-texto + estrela + endereço | AssinaturaMarca | assinatura, clique |
+
+Como a IA chegou nisso:
+1. Cortou em frases curtas ("Você sabe desenhar?", ideia, "Sabe sim!", "Lápis, Papel, Vontade", "9 nov").
+2. Cada cena tem 1 herói e no máximo 1 apoio; depois que o desenho termina o plano segura meio segundo.
+3. Encaixou os cortes nas batidas de 112 bpm (16,1 quadros).
+4. Escreveu `plano.json`; `preview.tsx` passa para `Montagem`.

package/kits/rabisco/preview.tsx

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

package/kits/rabisco/receita.json

@@ -0,0 +1,171 @@
+{
+  "kit": "rabisco",
+  "fps": 30,
+  "batida_trilha_quadros": 16.07,
+  "duracao_video_s": [
+    6,
+    60
+  ],
+  "ordem_sugerida": [
+    "gancho",
+    "prova",
+    "virada",
+    "lista",
+    "data",
+    "marca"
+  ],
+  "batidas": [
+    {
+      "nome": "gancho",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        80
+      ],
+      "elementos": [
+        "TituloRabisco"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "pop-palavra",
+        "tick"
+      ],
+      "nota": "pergunta escrita à mão; só o título."
+    },
+    {
+      "nome": "prova",
+      "obrigatoria": false,
+      "duracao": [
+        40,
+        100
+      ],
+      "elementos": [
+        "TracoDesenhando"
+      ],
+      "entrada": [
+        "zoom"
+      ],
+      "sons": [
+        "tick",
+        "impacto"
+      ],
+      "nota": "um desenho grande que se desenha."
+    },
+    {
+      "nome": "virada",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        100
+      ],
+      "elementos": [
+        "Bonequinho",
+        "TituloRabisco"
+      ],
+      "entrada": [
+        "direita"
+      ],
+      "sons": [
+        "pop-cartao",
+        "tick"
+      ],
+      "nota": "o boneco fala a resposta, ou o nome do produto em marcador."
+    },
+    {
+      "nome": "lista",
+      "obrigatoria": false,
+      "duracao": [
+        40,
+        100
+      ],
+      "elementos": [
+        "ListaRabiscada"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "tick",
+        "clique"
+      ],
+      "nota": "3 itens com visto."
+    },
+    {
+      "nome": "data",
+      "obrigatoria": false,
+      "duracao": [
+        30,
+        70
+      ],
+      "elementos": [
+        "CartaoRabiscado"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "tick",
+        "impacto"
+      ],
+      "nota": "o cartão torto de dia e mês."
+    },
+    {
+      "nome": "marca",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        120
+      ],
+      "elementos": [
+        "AssinaturaMarca"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "assinatura",
+        "clique"
+      ],
+      "nota": "sempre a última."
+    }
+  ],
+  "transicoes": [
+    {
+      "nome": "subir",
+      "quadros": 12,
+      "como": "entra 200 px de baixo; a anterior sai 260 px para cima"
+    },
+    {
+      "nome": "zoom",
+      "quadros": 12,
+      "como": "entra de 1,9x para 1"
+    },
+    {
+      "nome": "direita",
+      "quadros": 12,
+      "como": "entra 600 px da direita"
+    },
+    {
+      "nome": "esquerda",
+      "quadros": 12,
+      "como": "entra 600 px da esquerda"
+    },
+    {
+      "nome": "nenhuma",
+      "quadros": 0,
+      "como": "os elementos entram sozinhos"
+    }
+  ],
+  "camera": {
+    "deriva": "sempre",
+    "socos": "início de cada cena + palavra grande"
+  },
+  "trilha": {
+    "arquivo": "assets/trilha/trilha.mp3",
+    "volume": 0.5,
+    "com_narracao": 0.25
+  }
+}

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

@@ -0,0 +1,14 @@
+# Área segura (9:16, 1080×1920)
+
+- Tudo que se lê fica entre **y = 168** e **y = 1330** e entre **x = 80** e **x = 1000** (920 px úteis). Abaixo de 1330 só fundo e o que sangra.
+- Herói com 40% ou mais da altura ou da largura; no máximo 2 apoios por cena.
+
+| uso | y de referência (px) |
+|---|---|
+| título de 2 linhas (centro) | 720 |
+| desenho grande (centro) | 720 |
+| boneco (centro) / balão | 900 / 440 |
+| lista (centro) | 740 |
+| cartão (centro) | 740 |
+| nome na assinatura (topo) | 640 |
+| endereço | 1150 |

package/kits/rabisco/regras/cor.md

@@ -0,0 +1,15 @@
+# Cor
+
+| token | hex | uso |
+|---|---|---|
+| `papel` | #FBF8F0 | chão, balão de fala |
+| `linha` | #DCE6F2 | pauta |
+| `tinta` | #1E1E24 | texto e desenhos |
+| `azul` | #2F5BFF | sublinhado, moldura, detalhe |
+| `vermelho` | #FF4B3A | visto, boca, margem, estrela |
+| `marca` | #FFE14D | marca-texto (sempre multiply) |
+| `cinza` | #9A9AA6 | furos de espiral |
+
+- Marca-texto: `mix-blend-mode: multiply` a 95% de opacidade, rotação −1,5°.
+- Sem degradê nem sombra; só a vinheta leve `rgba(80,60,30,0.14)` e a sombra de dobra à direita.
+- O cliente pode trocar: o `azul` de caneta e o `marca` (amarelo) para as cores da marca.

package/kits/rabisco/regras/movimento.md

@@ -0,0 +1,18 @@
+# Movimento
+
+- Tela 1080×1920, 30 fps. Curva padrão: `traços: linear por 6–34 quadros; balões e caixas: mola(t) com overshoot 1,2–2,2; tudo em passos de 2 quadros`.
+- Passo de animação: **2 quadro(s)** por posição (movimento em passos, cara de stop-motion).
+- Câmera: zoom base 1.015, deriva ±8 px × ±6 px, giro ±0.003 rad, soco de 0.02 em cada batida (decai em 7 quadros).
+- Toda entrada passa do alvo e volta (overshoot de 1,8). Nenhum quadro parado.
+
+| movimento | quadros | valores |
+|---|---|---|
+| linha escrita | 9 | clip-path abre da esquerda; marca-texto cresce em 10 quadros; sublinhado desenha em 12 |
+| desenho | 34 + 14 | cada traço ocupa 1/n dos 34 quadros; marca-texto preenche nos 14 seguintes |
+| boneco | 28 | cabeça, tronco, braços e pernas em 6–10 quadros cada; braço acena ±18° a cada 3 quadros; pula 40 px depois do quadro 26 |
+| visto | 6 + 6 | caixinha em 6 quadros, visto vermelho 12 quadros depois |
+| cartão | 12 + 14 | moldura desenha em 12 quadros; hachura preenche em 14 |
+| fervura | contínuo | semente do ruído troca a cada 2 quadros (4 sementes) |
+| câmera | contínuo | zoom 1,015 ± 0,008, deriva ±8 × ±6 px, soco 0,02 |
+
+- Cena entra em 12 quadros e sobrepõe 10 com a próxima; cortes a cada 18–45 quadros.

package/kits/rabisco/regras/ritmo.md

@@ -0,0 +1,15 @@
+# Ritmo
+
+- Trilha a **112 bpm**: 1 batida = **16.07 quadros** (0.54 s). Corte em múltiplos de batida (8, 16, 32 quadros).
+
+| batida | duração s | quadros |
+|---|---|---|
+| gancho | 1.3–2.7 | 40–80 |
+| prova | 1.3–3.3 | 40–100 |
+| virada | 1.3–3.3 | 40–100 |
+| lista | 1.3–3.3 | 40–100 |
+| data | 1.0–2.3 | 30–70 |
+| marca | 1.3–4.0 | 40–120 |
+
+- Tempo mínimo de leitura: 1 palavra = 8 quadros, frase de 3 palavras = 24 quadros.
+- Troca de cena a cada 0,6–1,5 s (18–45 quadros). Vídeo de 6–60 s.

package/kits/rabisco/regras/som.md

@@ -0,0 +1,17 @@
+# Som
+
+- Trilha: `assets/trilha/trilha.mp3` (8,7 s, 112 bpm, preset MotionCraft `calm-punch`), volume **0,5**, fade de saída nos últimos 20 quadros. Com narração: 0,25.
+- Efeitos sintetizados (pacote `organic-wood`):
+
+| som | volume | quando |
+|---|---|---|
+| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
+| `tick` | 0,6 | cada traço que começa (caneta riscando) |
+| `pop-palavra` | 1,0 | linha de título |
+| `pop-cartao` | 0,9 | balão, caixinha, cartão |
+| `clique` | 0,8 | visto vermelho, endereço |
+| `impacto` | 0,9 | o desenho termina |
+| `assinatura` | 0,9 | logo final |
+
+- No máximo **3 sons por segundo**; nunca o mesmo arquivo duas vezes seguidas.
+- Som entra **1 a 2 quadros antes** do visual. Alvo do mix: **−14 LUFS**, pico −1,5 dBTP.