primocode 11.0.0 → 11.1.0

package/materiais/metal-liquido/formas/BolhasCromadas.tsx

@@ -0,0 +1,53 @@
+// BolhasCromadas: metaballs de mercúrio. Várias bolhas flutuam separadas, se aproximam e se fundem numa massa só.
+// O filtro `ml-liquido` (blur + limiar + iluminação especular e difusa) dá o relevo de cromo de verdade.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {ALTURA, LARGURA, e5, lerp, ob, rnd, seg} from '../base';
+
+export type BolhasCromadasProps = {
+  /** centro da massa */
+  x?: number;
+  y?: number;
+  /** raio da massa depois de fundida, em px */
+  raio?: number;
+  quantidade?: number;
+  inicio?: number;
+  /** quadros até estarem fundidas */
+  fusao?: number;
+  /** quadro em que a massa sai (encolhe) */
+  fim?: number;
+};
+
+export const BolhasCromadas: React.FC<BolhasCromadasProps> = ({x = 540, y = 720, raio = 330, quantidade = 5, inicio = 0, fusao = 30, fim}) => {
+  const f = useCurrentFrame();
+  const p = e5(seg(f, inicio + 6, inicio + 6 + fusao));
+  const nasce = ob(seg(f, inicio, inicio + 14), 1.6);
+  const sai = fim === undefined ? 0 : e5(seg(f, fim, fim + 12));
+  const dist = lerp(raio * 1.15, raio * 0.18, p) + Math.sin(f / 9) * 10 * p;
+  const escala = nasce * (1 - sai) * (1 + 0.035 * Math.sin(f / 7) * p);
+  return <svg width={LARGURA} height={ALTURA} viewBox={`0 0 ${LARGURA} ${ALTURA}`} style={{position: 'absolute', inset: 0, overflow: 'visible'}}>
+    <defs>
+      <filter id="ml-liquido" filterUnits="userSpaceOnUse" x={0} y={0} width={LARGURA} height={ALTURA} colorInterpolationFilters="sRGB">
+        <feGaussianBlur in="SourceGraphic" stdDeviation="24" result="b" />
+        <feColorMatrix in="b" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 26 -12" result="goo" />
+        <feGaussianBlur in="goo" stdDeviation="10" result="h" />
+        <feSpecularLighting in="h" surfaceScale="30" specularConstant="1.8" specularExponent="26" lightingColor="#ffffff" result="spec"><fePointLight x={x - 220} y={y - 260} z={380} /></feSpecularLighting>
+        <feDiffuseLighting in="h" surfaceScale="30" diffuseConstant="0.9" lightingColor="#6f7b94" result="dif"><fePointLight x={x - 160} y={y - 220} z={520} /></feDiffuseLighting>
+        <feComposite in="spec" in2="goo" operator="in" result="specIn" />
+        <feComposite in="dif" in2="goo" operator="in" result="difIn" />
+        <feComposite in="specIn" in2="difIn" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" />
+      </filter>
+    </defs>
+    <g filter="url(#ml-liquido)">
+      <g transform={`translate(${x} ${y}) scale(${escala})`}>
+        {Array.from({length: quantidade}, (_, i) => {
+          const a = (i / quantidade) * Math.PI * 2 + f / 38 * (i % 2 ? 1 : -1) + rnd(i) * 2;
+          const r = raio * lerp(0.42, 0.62, rnd(i + 4));
+          const d = dist * lerp(0.7, 1.15, rnd(i + 9));
+          return <circle key={i} cx={Math.cos(a) * d} cy={Math.sin(a) * d * 0.9} r={r * lerp(0.62, 1, p)} fill="#fff" />;
+        })}
+        <circle cx={0} cy={0} r={raio * 0.6 * lerp(0.3, 1, p)} fill="#fff" />
+      </g>
+    </g>
+  </svg>;
+};

package/materiais/metal-liquido/formas/EsferaCromo.tsx

@@ -0,0 +1,32 @@
+// EsferaCromo: esfera espelhada. Cai de cima, bate no chão, quica duas vezes (22% e 7%) achatando no impacto;
+// o reflexo (céu, horizonte, chão e uma faixa verde-ácido) gira devagar dentro dela.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, c01, lerp, seg} from '../base';
+
+export type EsferaCromoProps = {
+  x?: number;
+  /** y do centro quando assentada */
+  y?: number;
+  diametro?: number;
+  inicio?: number;
+  /** quadro do primeiro impacto, relativo a `inicio` */
+  queda?: number;
+};
+
+export const EsferaCromo: React.FC<EsferaCromoProps> = ({x = 540, y = 680, diametro = 640, inicio = 0, queda = 12}) => {
+  const f = useCurrentFrame() - inicio;
+  if (f < 0) return null;
+  // altura sobre o chão (px, positiva): cai, quica 22% e 7%
+  const H = 900;
+  let h = 0, sq = 0;
+  if (f < queda) h = H * (1 - (f / queda) ** 2);
+  else if (f < queda + 12) {const t = (f - queda) / 12; h = H * 0.22 * (1 - (2 * t - 1) ** 2);}
+  else if (f < queda + 20) {const t = (f - queda - 12) / 8; h = H * 0.07 * (1 - (2 * t - 1) ** 2);}
+  for (const b of [queda, queda + 12, queda + 20]) if (f >= b && f < b + 5) sq = (1 - (f - b) / 5) * (b === queda ? 0.14 : 0.06);
+  const giro = f * 1.6;
+  return <>
+    <div style={{position: 'absolute', left: x - diametro * 0.42, top: y + diametro * 0.5 - 6, width: diametro * 0.84, height: 22, borderRadius: '50%', background: 'rgba(0,0,0,0.55)', filter: 'blur(14px)', transform: `scale(${lerp(1, 0.55, c01(h / H))})`, opacity: lerp(0.9, 0.3, c01(h / H))}} />
+    <div style={{position: 'absolute', left: x - diametro / 2, top: y - diametro / 2 - h, width: diametro, height: diametro, borderRadius: '50%', transform: `scale(${1 + sq}, ${1 - sq})`, transformOrigin: '50% 100%', overflow: 'hidden', boxShadow: 'inset -40px -50px 90px rgba(0,0,0,0.5), inset 30px 30px 60px rgba(255,255,255,0.25)', backgroundImage: `radial-gradient(circle at 32% 26%, #fff 0 5%, transparent 12%), linear-gradient(90deg, transparent ${(giro % 120) - 20}%, ${COR.lima} ${(giro % 120) - 14}%, ${COR.lima} ${(giro % 120) - 10}%, transparent ${(giro % 120) - 4}%), linear-gradient(180deg, ${COR.cromo1} 0%, ${COR.cromo2} 30%, ${COR.cromo3} 44%, ${COR.cromo4} 50%, #8E96AA 62%, ${COR.cromo1} 100%)`, backgroundSize: '100% 100%, 100% 22%, 100% 100%', backgroundRepeat: 'no-repeat', backgroundPosition: `0 0, 0 ${34 + Math.sin(f / 14) * 4}%, 0 ${Math.sin(f / 30) * 6}px`}} />
+  </>;
+};

package/materiais/metal-liquido/formas/PilulaCromo.tsx

@@ -0,0 +1,23 @@
+// PilulaCromo: pílula espelhada (ou verde-ácido) com uma linha. Cresce com overshoot, um brilho cruza uma vez
+// e depois ela flutua ±6 px. Serve pra data, preço, benefício e chamada.
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+import {COR, CROMO, FAM_A, FONTE_A, caber, larguraTexto, c01, ob, seg} from '../base';
+
+export type PilulaCromoProps = {
+  texto: string;
+  x?: number;
+  y?: number;
+  tamanho?: number;
+  /** 'cromo' (espelhada, letra escura) ou 'lima' (verde-ácido, letra escura) */
+  tipo?: 'cromo' | 'lima';
+  inicio?: number;
+};
+
+export const PilulaCromo: React.FC<PilulaCromoProps> = ({texto, x = 540, y = 1120, tamanho = 64, tipo = 'cromo', inicio = 0}) => {
+  const f = useCurrentFrame() - inicio;
+  if (f < -1) return null;
+  const t = caber(texto.toUpperCase(), tamanho, FAM_A, 780, 800, 0.04), w = larguraTexto(texto.toUpperCase(), t, FAM_A, 800, 0.04) + t * 1.8, h = t * 2.3;
+  const p = ob(seg(f, 0, 14), 1.8), brilho = seg(f, 10, 34) * 150 - 25;
+  return <div style={{position: 'absolute', left: x - w / 2, top: y - h / 2 + Math.sin(f / 18) * 6, width: w, height: h, borderRadius: h, transform: `scale(${p})`, opacity: c01((f + 1) / 3), backgroundImage: tipo === 'lima' ? `linear-gradient(105deg, transparent ${brilho - 10}%, rgba(255,255,255,0.8) ${brilho}%, transparent ${brilho + 10}%), linear-gradient(180deg, #E6FF8F, ${COR.lima} 50%, #8FC21A)` : `linear-gradient(105deg, transparent ${brilho - 10}%, rgba(255,255,255,0.95) ${brilho}%, transparent ${brilho + 10}%), ${CROMO}`, boxShadow: 'inset 0 -6px 12px rgba(0,0,0,0.25), inset 0 4px 8px rgba(255,255,255,0.6)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: FONTE_A, fontWeight: 800, fontSize: t, letterSpacing: '0.04em', color: COR.grafite, whiteSpace: 'nowrap'}}>{texto.toUpperCase()}</div>;
+};

package/materiais/metal-liquido/pecas.json

@@ -0,0 +1,469 @@
+{
+  "estilo": "metal-liquido",
+  "nome": "Metal líquido",
+  "versao": 1,
+  "fps": 30,
+  "pecas": [
+    {
+      "nome": "AnelCromo",
+      "categoria": "formas",
+      "tipo": "componente",
+      "arquivo": "formas/AnelCromo.tsx",
+      "descricao": "anel de cromo girando em 3D (rotateX 68° fixo, rotateZ 3,2°/quadro).",
+      "params": [
+        "x?",
+        "y?",
+        "diametro?",
+        "espessura?",
+        "inicio?",
+        "inclinacao?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "forma",
+        "anel",
+        "cromo"
+      ]
+    },
+    {
+      "nome": "BolhasCromadas",
+      "categoria": "formas",
+      "tipo": "componente",
+      "arquivo": "formas/BolhasCromadas.tsx",
+      "descricao": "metaballs de mercúrio. Várias bolhas flutuam separadas, se aproximam e se fundem numa massa só.",
+      "params": [
+        "x?",
+        "y?",
+        "raio?",
+        "quantidade?",
+        "inicio?",
+        "fusao?",
+        "fim?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "forma",
+        "bolhas",
+        "cromadas"
+      ]
+    },
+    {
+      "nome": "EsferaCromo",
+      "categoria": "formas",
+      "tipo": "componente",
+      "arquivo": "formas/EsferaCromo.tsx",
+      "descricao": "esfera espelhada. Cai de cima, bate no chão, quica duas vezes (22% e 7%) achatando no impacto; o reflexo (céu, horizonte, chão e uma faixa verde-ácido) gira devagar dentro dela.",
+      "params": [
+        "x?",
+        "y?",
+        "diametro?",
+        "inicio?",
+        "queda?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "forma",
+        "esfera",
+        "cromo"
+      ]
+    },
+    {
+      "nome": "PilulaCromo",
+      "categoria": "formas",
+      "tipo": "componente",
+      "arquivo": "formas/PilulaCromo.tsx",
+      "descricao": "pílula espelhada (ou verde-ácido) com uma linha.",
+      "params": [
+        "texto",
+        "x?",
+        "y?",
+        "tamanho?",
+        "tipo?",
+        "inicio?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "forma",
+        "pilula",
+        "cromo"
+      ]
+    },
+    {
+      "nome": "Fundo",
+      "categoria": "texturas",
+      "tipo": "componente",
+      "arquivo": "texturas/Fundo.tsx",
+      "descricao": "grafite com luz de estúdio suave que passeia, faixas verticais de reflexo bem fracas e um piso espelhado.",
+      "params": [
+        "acento?",
+        "velocidade?"
+      ],
+      "duracao": null,
+      "tags": [
+        "texturas",
+        "fundo"
+      ]
+    },
+    {
+      "nome": "Particulas",
+      "categoria": "texturas",
+      "tipo": "componente",
+      "arquivo": "texturas/Particulas.tsx",
+      "descricao": "Camada de pontos e traços flutuando em 3 profundidades (movimento de fundo constante).",
+      "params": [
+        "quantidade?",
+        "cor?",
+        "semente?",
+        "velocidade?",
+        "opacidade?"
+      ],
+      "duracao": null,
+      "tags": [
+        "fundo",
+        "movimento",
+        "densidade"
+      ]
+    },
+    {
+      "nome": "Cena",
+      "categoria": "transicoes",
+      "tipo": "componente",
+      "arquivo": "transicoes/Cena.tsx",
+      "descricao": "janela de tempo de um plano. Entra com movimento (nunca corte seco) e a saída cruza 10 quadros com a entrada da próxima. Dentro dela, useCurrentFrame() começa em 0.",
+      "params": [
+        "de",
+        "ate",
+        "entrada?",
+        "saida?",
+        "ultima?",
+        "children"
+      ],
+      "duracao": [
+        24,
+        150
+      ],
+      "tags": [
+        "transicoes",
+        "cena"
+      ]
+    },
+    {
+      "nome": "CorteImpacto",
+      "categoria": "transicoes",
+      "tipo": "componente",
+      "arquivo": "transicoes/CorteImpacto.tsx",
+      "descricao": "Soco de corte: clarão, tremida e zoom-pop que decaem em ~10 quadros.",
+      "params": [
+        "em",
+        "forca?",
+        "clarao?",
+        "corClarao?",
+        "children"
+      ],
+      "duracao": [
+        10,
+        14
+      ],
+      "tags": [
+        "corte",
+        "impacto",
+        "energia"
+      ]
+    },
+    {
+      "nome": "AssinaturaMarca",
+      "categoria": "tipografia",
+      "tipo": "componente",
+      "arquivo": "tipografia/AssinaturaMarca.tsx",
+      "descricao": "a última cena. As bolhas se fundem e dão lugar ao logo (que sobe com overshoot), o nome vira cromo e o endereço aparece numa pílula verde-ácido.",
+      "params": [
+        "logo",
+        "nome",
+        "endereco?",
+        "inicio?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "tipografia",
+        "assinatura",
+        "marca"
+      ]
+    },
+    {
+      "nome": "TituloCromo",
+      "categoria": "tipografia",
+      "tipo": "componente",
+      "arquivo": "tipografia/TituloCromo.tsx",
+      "descricao": "linhas em Unbounded 900 pintadas com o horizonte do cromo (céu claro, linha escura, chão claro).",
+      "params": [
+        "linhas",
+        "y?",
+        "tamanho?",
+        "inicio?",
+        "intervalo?",
+        "fim?"
+      ],
+      "duracao": [
+        30,
+        90
+      ],
+      "tags": [
+        "tipografia",
+        "titulo",
+        "cromo"
+      ]
+    },
+    {
+      "nome": "Camera",
+      "categoria": "camera",
+      "tipo": "componente",
+      "arquivo": "camera/Camera.tsx",
+      "descricao": "deriva constante por baixo de tudo (zoom, deslize e giro) e um soco em cada batida.",
+      "params": [
+        "batidas?",
+        "forca?",
+        "children"
+      ],
+      "duracao": null,
+      "tags": [
+        "camera",
+        "camera"
+      ]
+    },
+    {
+      "nome": "CameraDeriva",
+      "categoria": "camera",
+      "tipo": "componente",
+      "arquivo": "camera/CameraDeriva.tsx",
+      "descricao": "Câmera 3D com perspectiva: chaves {em,z,x,y,giro} levam o foco de uma a outra e por baixo roda uma deriva que nunca para.",
+      "params": [
+        "chaves?",
+        "deriva?",
+        "perspectiva?",
+        "children"
+      ],
+      "duracao": null,
+      "tags": [
+        "3d",
+        "camera",
+        "movimento"
+      ]
+    },
+    {
+      "nome": "assinatura",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/assinatura.mp3",
+      "descricao": "revelação da marca.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.9
+    },
+    {
+      "nome": "clique",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/clique.mp3",
+      "descricao": "pílula que aparece.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.8
+    },
+    {
+      "nome": "cromo",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/cromo.mp3",
+      "descricao": "letra ou pílula de cromo que entra.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.85
+    },
+    {
+      "nome": "liquido",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/liquido.mp3",
+      "descricao": "bolhas que se fundem.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.9
+    },
+    {
+      "nome": "quique",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/quique.mp3",
+      "descricao": "esfera que bate no chão.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.85
+    },
+    {
+      "nome": "subida",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/subida.mp3",
+      "descricao": "antes da fusão e da data.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.6
+    },
+    {
+      "nome": "varre",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/varre.mp3",
+      "descricao": "brilho que varre / anel que gira.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.7
+    },
+    {
+      "nome": "whoosh",
+      "categoria": "sons",
+      "tipo": "audio",
+      "arquivo": "sons/whoosh.mp3",
+      "descricao": "entrada de cena.",
+      "params": [
+        "em",
+        "volume?"
+      ],
+      "duracao": [
+        48,
+        48
+      ],
+      "tags": [
+        "sfx"
+      ],
+      "volumeSugerido": 0.85
+    },
+    {
+      "nome": "Som",
+      "categoria": "sons",
+      "tipo": "componente",
+      "arquivo": "sons/Som.tsx",
+      "descricao": "Componentes Efeito (um som no quadro em) e Trilha (música com fade de saída) que tocam os áudios acima.",
+      "params": [
+        "som",
+        "em",
+        "volume?"
+      ],
+      "duracao": null,
+      "tags": [
+        "audio",
+        "codigo"
+      ]
+    },
+    {
+      "nome": "trilha",
+      "categoria": "trilha",
+      "tipo": "audio",
+      "arquivo": "trilha/sombrio-114bpm.mp3",
+      "descricao": "8,6 s a partir de 2.1053 s da trilha gerada (114 bpm); repetir em laço para vídeos longos.",
+      "params": [
+        "volume?",
+        "saida?"
+      ],
+      "duracao": [
+        258,
+        258
+      ],
+      "tags": [
+        "trilha",
+        "musica"
+      ],
+      "bpm": 114
+    },
+    {
+      "nome": "paleta",
+      "categoria": "paleta",
+      "tipo": "dados",
+      "arquivo": "cores/paleta.json",
+      "descricao": "Cores, sombras, area segura, curvas e medidas do estilo (cores/paleta.png é a amostra visual).",
+      "params": [],
+      "duracao": null,
+      "tags": [
+        "cor"
+      ]
+    }
+  ]
+}

package/materiais/metal-liquido/referencia/analise.md

@@ -0,0 +1,84 @@
+# Análise do vídeo de referência: Metal líquido
+
+Método Clube do Motion: dissecar o vídeo pronto pra aprender a técnica, não pra copiar. Este vídeo (`referencia.mp4`, vertical 1080x1920 renderizado em 540x960) é o filme de demonstração do estilo; o código que o fez NÃO está aqui. A IA pode olhar o vídeo e esta análise; a cena nova se escreve do zero com as peças desta pasta.
+
+- Duração: 240 quadros = 8.0 s a 30 fps.
+- Trilha: trilha/sombrio-114bpm.mp3, 114 bpm (1 batida = 15.8 quadros = 0.53 s).
+- Cenas: 6; cortes em 1.5 s, 2.9 s, 4.2 s, 5.3 s, 6.8 s.
+
+## Linha do tempo, segundo a segundo
+
+| tempo | quadros | entrada | peças em cena (pasta/Peça) | sons |
+|---|---|---|---|---|
+| 0.0 s-1.5 s | 0-44 | nenhuma | formas/BolhasCromadas, formas/PilulaCromo | subida@0.0 s, liquido@1.0 s, clique@1.1 s |
+| 1.5 s-2.9 s | 44-88 | zoom | tipografia/TituloCromo | whoosh@1.4 s, cromo@1.6 s, cromo@1.9 s, varre@2.4 s |
+| 2.9 s-4.2 s | 88-126 | subir | formas/EsferaCromo, formas/PilulaCromo | quique@3.3 s, clique@3.7 s |
+| 4.2 s-5.3 s | 126-160 | direita | formas/AnelCromo, formas/PilulaCromo | varre@4.2 s, clique@4.7 s |
+| 5.3 s-6.8 s | 160-204 | zoom | tipografia/TituloCromo, formas/PilulaCromo | subida@5.2 s, cromo@5.4 s, clique@6.1 s |
+| 6.8 s-8.0 s | 204-240 | zoom | tipografia/AssinaturaMarca | liquido@6.9 s, assinatura@7.3 s |
+
+Fundo, partículas e a câmera valem o vídeo todo (fundo vivo + câmera em perspectiva sempre).
+
+## Cortes e batida
+
+- Corte em 1.5 s (quadro 44): batida 2.79 (fora da batida: corte na voz ou no gesto).
+- Corte em 2.9 s (quadro 88): batida 5.57 (fora da batida: corte na voz ou no gesto).
+- Corte em 4.2 s (quadro 126): batida 7.98 (NA batida).
+- Corte em 5.3 s (quadro 160): batida 10.13 (NA batida).
+- Corte em 6.8 s (quadro 204): batida 12.92 (NA batida).
+
+## Câmera
+
+A câmera deste estilo é a peça `camera/Camera` (ver o código da peça): ela dá o empurrão nos cortes e uma deriva contínua. No material novo, `camera/CameraDeriva` (chaves {em, z, x, y, giro}) acrescenta o controle por chaves.
+
+## Números de easing e tempos
+
+- `e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);`
+- `ob = (t: number, s = 1.7) => {const x = c01(t) - 1; return 1 + (s + 1) * x * x * x + s * x * x;};`
+
+Movimentos medidos no estilo:
+
+| movimento | duração | valores |
+|---|---|---|
+| fusão das bolhas | 30 quadros | distância entre bolhas 420 → 70 px, com `e5`; depois orbitam ±14 px |
+| título de cromo entra | 18 quadros | sobe 140 px, desfoque 14 → 0, tracking 0,12 → −0,02 em |
+| brilho que varre | 40 quadros por passada | faixa de 16% cruza a letra da esquerda pra direita, a cada 56 quadros |
+| esfera quica | 3 batidas | cai de −900 px, bate, sobe 22% e 7%, achata Y −14% no impacto; o céu do espelho gira |
+| anel gira | contínuo | rotateX 68°, rotateZ 3,2°/quadro |
+| pílula | 14 quadros | cresce de 0 com overshoot, brilho cruza uma vez |
+| entrada de cena | 14 quadros | `zoom` 1,9× · `subir` 300 px · `direita` 800 px; desfoque 10 px |
+| saída de cena | 10 quadros | escala 1 → 1,9, desfoque 10 px |
+| câmera (sempre) | contínuo | zoom 1,02 + 0,00018/quadro ± 0,014, deriva ±14/±10 px; soco +0,03 |
+
+## Ritmo
+
+- 30 fps. Uma batida da trilha = **15.789 quadros** (114 bpm). Cortes em múltiplos de 15,8 (arredonde): 0, 16, 32, 47, 63, 79, 95, 110, 126, 142, 158, 174, 190, 205, 221.
+| batida | duração (s) | quadros |
+|---|---|---|
+| gancho | 1,3–2,0 | 38–60 |
+| virada | 1,4–2,2 | 42–66 |
+| prova (cada) | 1,2–1,8 | 36–54 |
+| data / oferta | 1,2–1,8 | 36–54 |
+| marca | 1,6–3,0 | 48–90 |
+
+## Som
+
+- Trilha: `assets/trilha/sombrio-114bpm.mp3` (8,6 s, 114 bpm), volume **0.55**, fade de saída nos últimos **20 quadros**. Vídeo maior que 8,6 s: gere uma trilha nova no MotionCraft (`music make`, preset `dark-minimal`, 114 bpm, tom F), não faça loop deste trecho.
+- Com narração: trilha a **0.28** e efeitos a 70% do volume da tabela.
+- Efeitos (todos sintetizados) e volume padrão:
+| som | volume | quando |
+|---|---|---|
+| `liquido` | 0.9 | bolhas que se fundem |
+| `cromo` | 0.85 | letra ou pílula de cromo que entra |
+| `quique` | 0.85 | esfera que bate no chão |
+| `whoosh` | 0.85 | entrada de cena |
+| `varre` | 0.7 | brilho que varre / anel que gira |
+
+## Técnicas pra levar (o que se vê nos quadros 1 a 4)
+
+- Composição: uma forma cromada no centro e título abaixo ou acima; um ou dois elementos por quadro.
+- Profundidade: 3D de verdade com material de cromo líquido e reflexos; forma que se deforma como gota (blob) e anel torcido tipo Möbius.
+- Densidade: baixa. Objeto único e uma pílula de texto ('À PROVA D'ÁGUA').
+- Tipografia: letras largas e extendidas em cromo, com bisel e brilho metálico, texto em caixa alta.
+- Cor: fundo verde-oliva escuro listrado com brilho azul no topo; cromo cinza-prata e preto; sem cor de acento.
+- Movimento: a gota vira outra forma; o anel gira devagar refletindo o cenário.