primocode 10.0.9 → 10.2.0

package/lib/estudio/impacto.js

@@ -24,6 +24,7 @@
 
 const { caber, paleta } = require('./composicao.js');
 const { iconeDe, peso } = require('./edicao.js');
+const { minimoLeitura, sobra } = require('./legibilidade.js');
 
 const r2 = (n) => Math.round(n * 100) / 100;
 const limpa = (t) => String(t || '').replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}%!?]+$/gu, '');
@@ -72,11 +73,12 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
     const icOk = (ic) => ic && (!iconesOk || iconesOk.has(ic));
 
     // A palavra que bate: letra gigante, a palavra forte na cor de destaque.
-    const bater = (els, texto, { y = null, corTexto = cor.tinta, destaque = cor.destaque, max = (deitado ? H * 0.2 : W * 0.2), linhas = 3, glitch = false, girar = 0 } = {}) => {
-        const t = String(texto || '').toUpperCase();
-        /* Caixa alta em peso 900 é ~20% mais larga que a letra comum, e a
-           batida ainda cresce 5%: mede numa caixa mais estreita (medido em
-           25/09: "CONSTRUÇÃO" e "DEMONSTRAÇÃO" saíam pela borda). */
+    const bater = (els, texto, { y = null, corTexto = cor.tinta, destaque = cor.destaque, max = (deitado ? H * 0.2 : W * 0.2), linhas = 3, glitch = false, girar = 0, entra = 0.22 } = {}) => {
+        // Como a pessoa escreveu: caixa alta forçada era a "cara de IA" (05/10).
+        const t = String(texto || '');
+        /* Peso 900 é mais largo que a letra comum, e a batida ainda cresce 5%:
+           mede numa caixa mais estreita (medido em 25/09: "CONSTRUÇÃO" e
+           "DEMONSTRAÇÃO" saíam pela borda). */
         const fit = caber(t, { largura: W0 * 0.8, linhas, max, fonte: F.titulo });
         const h = fit.tamanho * 0.98 * fit.linhas;
         const ws = t.split(/\s+/);
@@ -85,12 +87,14 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
         els.push({
             tipo: 'texto', texto: t, fonte: F.titulo, peso: 900, tamanho: fit.tamanho, cor: corTexto, entrelinha: 0.98,
             x: M, y: Math.round(y == null ? (H - h) / 2 : y), largura: W0, alinhamento: 'center', espacamento: -1,
-            ...(forte >= 0 && ws.length > 1 ? { revelar: ws.map(() => 0), destaques: [forte], corDestaque: destaque } : {}),
+            // A palavra forte é UM acento: a serifa em itálico, que chega um instante depois.
+            ...(forte >= 0 && ws.length > 1 ? { revelar: ws.map(() => 0), destaques: [forte], corDestaque: destaque, fonteDestaque: 'Instrument Serif' } : {}),
             ...(glitch ? { glitch: { forca: 14, dur: 0.3 } } : {}),
             anima: {
-                escala: [{ t: 0, v: 1.45 }, { t: 0.13, v: 0.97, e: 'saida' }, { t: 0.22, v: 1, e: 'suave' }, { t: 3, v: 1.05, e: 'linear' }],
-                opacidade: [{ t: 0, v: 0 }, { t: 0.05, v: 1 }],
-                rotacao: [{ t: 0, v: girar * 2 }, { t: 0.2, v: girar, e: 'saida' }],
+                // A entrada encolhe junto (entra < 0,22) quando a batida é curta: a leitura não.
+                escala: [{ t: 0, v: 1.45 }, { t: r2(entra * 0.6), v: 0.97, e: 'saida' }, { t: r2(entra), v: 1, e: 'suave' }, { t: 3, v: 1.05, e: 'linear' }],
+                opacidade: [{ t: 0, v: 0 }, { t: r2(entra * 0.23), v: 1 }],
+                rotacao: [{ t: 0, v: girar * 2 }, { t: r2(entra * 0.9), v: girar, e: 'saida' }],
             },
         });
         return h;
@@ -126,18 +130,51 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
         let bs = batidas((tp.palavras || []).filter((w) => w && w.texto), fim);
         if (!bs.length) bs = [[{ de: ini, ate: fim, texto: p.titulo || p.sim || p.valor || '' }]];
         const itens = (p.itens || []).map((it) => (typeof it === 'string' ? it : it.texto));
+        const semNaoE = (t) => String(t || '').replace(/^\s*(n[aã]o\s+[ée]\s+|[ée]\s+)/i, '');
+        // Os textos que a batida k (de n) mostra — os mesmos que o desenho abaixo usa.
+        const textosDe = (b, k, n) => {
+            const falado = b.map((w) => limpa(w.texto)).join(' ');
+            if (p.tipo === 'numero' && k === 0) return [String(p.valor), p.rotulo || ''];
+            if ((p.tipo === 'lista' || p.tipo === 'passos') && itens.length) {
+                const it = itens[Math.min(k, itens.length - 1)];
+                return [p.tipo === 'passos' ? `${k + 1}. ${it}` : it, k === 0 ? p.titulo || '' : ''];
+            }
+            if (p.tipo === 'cta' && k === n - 1) return [p.titulo || falado, p.link || ''];
+            if (p.tipo === 'contraste') return [k < n / 2 ? `não é ${semNaoE(p.nao)}` : semNaoE(p.sim)];
+            // O título no fim só se der tempo de ler; senão, a fala dessa batida.
+            return [k === n - 1 && p.titulo && k > 0 && vao(k) >= minimoLeitura(p.titulo) + 0.08 ? p.titulo : falado];
+        };
+        /* A lei do /brag: cada batida fica no ar a entrada mínima mais
+           max(0,8 s; 0,3 s por palavra) — dentro do tempo da parte, sem esticar
+           o vídeo. Batida curta pega a folga da vizinha (o corte anda um pouco);
+           sem folga, gruda nela. */
+        const inis = bs.map((b, k) => (k === 0 ? ini : b[0].de - 0.04));
+        const vao = (k) => (k < bs.length - 1 ? inis[k + 1] : fim) - inis[k];
+        const precisa = (k) => Math.max(...textosDe(bs[k], k, bs.length).filter(Boolean).map(minimoLeitura))
+            + (p.tipo === 'cta' && k === bs.length - 1 && p.link ? 0.23 : 0) + 0.08;   // o link entra depois do título
+        for (let k = 0; bs.length > 1 && k < bs.length;) {
+            const falta = precisa(k) - vao(k);
+            if (falta <= 0) { k++; continue; }
+            if (k + 1 < bs.length && vao(k + 1) - falta >= precisa(k + 1)) { inis[k + 1] = r2(inis[k + 1] + falta); k++; continue; }
+            if (k > 0 && vao(k - 1) - falta >= precisa(k - 1)) { inis[k] = r2(inis[k] - falta); k++; continue; }
+            const a = k > 0 ? k - 1 : 0;
+            bs.splice(a, 2, [...bs[a], ...bs[a + 1]]);
+            inis.splice(a + 1, 1);
+            k = 0;
+        }
 
         // Impacto no começo de cada parte; o riser anuncia a chamada final.
         som(ini, 'impacto', i === 0 ? 0.9 : 0.6);
         if (p.tipo === 'cta') som(ini - 2, 'riser', 0.6);
 
         bs.forEach((b, k) => {
-            const de = k === 0 ? ini : b[0].de - 0.04;
-            const ate = k < bs.length - 1 ? bs[k + 1][0].de - 0.04 : fim;
+            const de = inis[k];
+            const ate = k < bs.length - 1 ? inis[k + 1] : fim;
             const falado = b.map((w) => limpa(w.texto)).join(' ');
             const els = [];
             const cena = { fundo: { tipo: 'cor', valor: cor.fundo }, elementos: els };
             const ultimo = k === bs.length - 1;
+            const entra = r2(sobra(vao(k), precisa(k) - 0.08, 0.08, 0.22));
             let tela;   // 'palavra' | 'foto' | 'marca'
 
             if (p.tipo === 'numero' && k === 0) {
@@ -148,8 +185,8 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
                 const fit = caber(valor, { largura: W0, linhas: 1, max: H * (deitado ? 0.55 : 0.32), fonte: F.titulo });
                 els.push({ tipo: 'texto', texto: valor, fonte: F.titulo, peso: 900, tamanho: fit.tamanho, cor: '#FFFFFF', x: M, y: Math.round(H * 0.5 - fit.tamanho * 0.62), largura: W0, alinhamento: 'center',
                     ...(m ? { contar: { ate: Number(m[2].replace(/\./g, '').replace(',', '.')), dur: 0.7, antes: m[1], depois: m[3] } } : {}),
-                    anima: { escala: [{ t: 0, v: 1.6 }, { t: 0.18, v: 1, e: 'saida' }] } });
-                bater(els, p.rotulo || '', { y: H * 0.5 + fit.tamanho * 0.45, max: H * 0.07, linhas: 2, corTexto: '#FFFFFF', destaque: '#FFFFFF' });
+                    anima: { escala: [{ t: 0, v: 1.6 }, { t: r2(Math.min(0.18, entra)), v: 1, e: 'saida' }] } });
+                bater(els, p.rotulo || '', { y: H * 0.5 + fit.tamanho * 0.45, max: H * 0.07, linhas: 2, corTexto: '#FFFFFF', destaque: '#FFFFFF', entra });
                 cena.tremor = [{ de: 0, ate: 0.5, forca: 26 }];
                 tela = 'marca';
             } else if ((p.tipo === 'lista' || p.tipo === 'passos') && itens.length) {
@@ -159,9 +196,9 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
                 const rot = p.tipo === 'passos' ? `${k + 1}. ${it}` : it;
                 const temE = emoji(els, it, { y: H * (deitado ? 0.28 : 0.3) });
                 // No gradiente, o destaque é o escuro da marca: laranja sobre azul some.
-                bater(els, rot, { y: temE ? H * (deitado ? 0.48 : 0.45) : null, max: deitado ? H * 0.11 : W * 0.12, linhas: 4, glitch: k === 0,
+                bater(els, rot, { y: temE ? H * (deitado ? 0.48 : 0.45) : null, max: deitado ? H * 0.11 : W * 0.12, linhas: 4, glitch: k === 0, entra,
                     ...(k % 2 === 1 ? { corTexto: '#FFFFFF', destaque: cor.fundo } : {}) });
-                if (k === 0 && p.titulo) els.push({ tipo: 'texto', texto: String(p.titulo).toUpperCase(), fonte: F.texto, peso: 800, tamanho: Math.round(Math.min(W, H) * 0.045), cor: cor.destaque, x: M, y: M * 2.2, largura: W0, alinhamento: 'center', espacamento: 3 });
+                if (k === 0 && p.titulo) els.push({ tipo: 'texto', texto: String(p.titulo), fonte: F.texto, peso: 700, tamanho: Math.round(Math.min(W, H) * 0.04), cor: cor.destaque, x: M, y: M * 2.2, largura: W0, alinhamento: 'center' });
                 tela = k % 2 ? 'marca' : 'palavra';
                 cena.socos = [{ t: 0, forca: 0.14 }];
                 som(de, 'estalo', 0.55);
@@ -173,7 +210,7 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
                 els.push({ tipo: 'forma', forma: 'circulo', largura: R, altura: R, x: Math.round(W / 2 - R / 2), y: Math.round(H * 0.4 - R / 2), cor: grad[1], opacidade: 0.4,
                     anima: { desfoque: [{ t: 0, v: Math.round(R * 0.2) }], escala: [{ t: 0, v: 0.7 }, { t: 1, v: 1.1, e: 'suave' }] } });
                 const yT = H * 0.26;
-                const hT = bater(els, p.titulo || falado, { y: yT, max: deitado ? H * 0.14 : W * 0.14, linhas: 3, corTexto: '#FFFFFF', destaque: cor.destaque });
+                const hT = bater(els, p.titulo || falado, { y: yT, max: deitado ? H * 0.14 : W * 0.14, linhas: 3, corTexto: '#FFFFFF', destaque: cor.destaque, entra });
                 if (p.link) {
                     const fl = Math.round(Math.min(W, H) * 0.055);
                     const wP = Math.min(W0, String(p.link).length * fl * 0.62 + fl * 2.4);
@@ -193,39 +230,37 @@ function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], na
                 // O rodízio das três telas, com a primeira batida sempre na palavra.
                 const ciclo = ['palavra', 'foto', 'marca', 'foto'];
                 tela = k === 0 ? (p.tipo === 'imagem' || i === 0 ? 'foto' : 'palavra') : ciclo[(nBatida + k) % ciclo.length];
-                const semNaoE = (t) => String(t || '').replace(/^\s*(n[aã]o\s+[ée]\s+|[ée]\s+)/i, '');
-                const texto = p.tipo === 'contraste' ? (k < bs.length / 2 ? `não é ${semNaoE(p.nao)}` : semNaoE(p.sim))
-                    : (ultimo && p.titulo && k > 0 ? p.titulo : falado);
+                const texto = textosDe(b, k, bs.length)[0];
                 if (tela === 'foto' && fotos.length) {
                     fotoCheia(els, proxFoto());
-                    bater(els, texto, { y: H * (deitado ? 0.56 : 0.6), max: deitado ? H * 0.12 : W * 0.13, linhas: 3 });
+                    bater(els, texto, { y: H * (deitado ? 0.56 : 0.6), max: deitado ? H * 0.12 : W * 0.13, linhas: 3, entra });
                     if (k % 2 === 0) cena.flashes = [0];
                 } else if (tela === 'marca') {
                     cena.fundo = { tipo: 'gradiente', cores: [grad[0], grad[1]], angulo: 135 };
                     const temE = emoji(els, texto, { y: H * (deitado ? 0.26 : 0.28) });
-                    bater(els, texto, { y: temE ? H * (deitado ? 0.46 : 0.44) : null, corTexto: '#FFFFFF', destaque: cor.fundo, max: deitado ? H * 0.16 : W * 0.16 });
+                    bater(els, texto, { y: temE ? H * (deitado ? 0.46 : 0.44) : null, corTexto: '#FFFFFF', destaque: cor.fundo, max: deitado ? H * 0.16 : W * 0.16, entra });
                 } else {
                     tela = 'palavra';
                     const temE = emoji(els, texto, { y: H * (deitado ? 0.25 : 0.27) });
                     bater(els, texto, { y: temE ? H * (deitado ? 0.45 : 0.43) : null, glitch: p.tipo === 'contraste' || k % 3 === 0,
-                        girar: k % 2 ? -2 : 2, corTexto: p.tipo === 'contraste' && k < bs.length / 2 ? 'rgba(255,255,255,0.55)' : cor.tinta });
+                        girar: k % 2 ? -2 : 2, entra, corTexto: p.tipo === 'contraste' && k < bs.length / 2 ? 'rgba(255,255,255,0.55)' : cor.tinta });
                     cena.socos = [{ t: 0, forca: 0.2 }];
                 }
                 if (k === 0) cena.tremor = [{ de: 0, ate: 0.35, forca: 18 }];
                 som(de, tela === 'foto' ? 'whoosh' : 'estalo', tela === 'foto' ? 0.5 : 0.5);
             }
             if (!(p.tipo === 'cta' && ultimo)) logoTopo(els);
-            /* A FAIXA: o subtítulo da parte (é onde moram a data e o local) em
-               letra pequena e espaçada no alto — o anúncio não pode esconder a data. */
+            /* A LINHA DE CIMA: o subtítulo da parte (é onde moram a data e o local)
+               em letra pequena no alto — o anúncio não pode esconder a data. Sem a
+               faixa de cor atrás (caixa de cor era a "cara de IA", 05/10): só o
+               texto, que sobe e aparece. */
             if (p.sub && p.tipo !== 'numero' && !(p.tipo === 'lista' || p.tipo === 'passos')) {
-                const fk = Math.round(Math.min(W, H) * 0.042);
-                els.push({ tipo: 'forma', forma: 'retangulo', x: M, y: Math.round(H * (deitado ? 0.14 : 0.1)), largura: W0, altura: Math.round(fk * 2), cor: cor.destaque, raio: Math.round(fk),
-                    anima: { escalaX: [{ t: 0.05, v: 0 }, { t: 0.3, v: 1, e: 'saida' }] }, origem: 'center' });
+                const fk = Math.round(Math.min(W, H) * 0.036);
                 // Com largura, e não pela âncora: sem largura o texto quebrava na metade da tela.
-                const tk = caber(String(p.sub).toUpperCase(), { largura: W0 * 0.78, linhas: 1, max: fk, fonte: F.texto }).tamanho;
-                els.push({ tipo: 'texto', texto: String(p.sub).toUpperCase(), fonte: F.texto, peso: 800, tamanho: tk, entrelinha: 1,
-                    cor: cor.sobreDestaque === '#FFFFFF' ? '#FFFFFF' : '#121218', x: M, largura: W0, alinhamento: 'center', y: Math.round(H * (deitado ? 0.14 : 0.1) + fk - tk * 0.5), espacamento: 2,
-                    anima: { opacidade: [{ t: 0.2, v: 0 }, { t: 0.35, v: 1 }] } });
+                const tk = caber(String(p.sub), { largura: W0 * 0.78, linhas: 1, max: fk, fonte: F.texto }).tamanho;
+                els.push({ tipo: 'texto', texto: String(p.sub), fonte: F.texto, peso: 600, tamanho: tk, entrelinha: 1,
+                    cor: tela === 'marca' ? '#FFFFFF' : cor.destaque, x: M, largura: W0, alinhamento: 'center', y: Math.round(H * (deitado ? 0.14 : 0.1)),
+                    anima: { opacidade: [{ t: 0.2, v: 0 }, { t: 0.5, v: 1 }], y: [{ t: 0.2, v: 12 }, { t: 0.6, v: 0, e: 'saida' }] } });
             }
 
             /* Uma transição curta a cada tanto; o resto é corte seco — é o