primocode 9.8.0-beta.9 → 9.8.0

package/lib/estudio/impacto.js

@@ -0,0 +1,263 @@
+/**
+ * impacto.js — o estilo de anúncio: corte a cada batida, palavra que bate
+ * na tela, foto que pisca, tremor, soco, chicote, flash e som de impacto.
+ *
+ *   "Falta mais ação, o vídeo ser mais agressivo! Mais vendável, mais
+ *    atraente… falta aplicar a identidade visual… falta mais efeito, e o
+ *    vídeo parece um vídeo de 2010." (25/09/2026)
+ *
+ * O estilo normal (composicao.js) dá uma cena por parte, de 4 a 5 s, com
+ * entrada suave: é apresentação. Anúncio de 2026 corta a cada 0,5 a 1,5 s.
+ * Aqui cada parte do roteiro vira várias BATIDAS, no tempo das palavras da
+ * voz, e cada batida é uma de três telas:
+ *
+ *   PALAVRA   a fala em letra gigante no preto, com soco de zoom e estalo;
+ *   FOTO      a foto real da marca, rápida, com a fala por cima;
+ *   MARCA     o gradiente da marca em tela cheia, com o emoji 3D.
+ *
+ * O número conta com tremor, a lista mostra um item por batida, e a chamada
+ * final vem com riser, impacto e a logo. Por cima de tudo: granulação,
+ * vinheta e a luz da marca passando.
+ */
+
+'use strict';
+
+const { caber, paleta } = require('./composicao.js');
+const { iconeDe, peso } = require('./edicao.js');
+
+const r2 = (n) => Math.round(n * 100) / 100;
+const limpa = (t) => String(t || '').replace(/^[^\p{L}\p{N}]+|[^\p{L}\p{N}%!?]+$/gu, '');
+
+/* As batidas de uma parte: grupos de 1 a 4 palavras, de ~0,6 s ou mais,
+   quebrando na pontuação. Batida curta demais gruda na seguinte. */
+function batidas(palavras, fim) {
+    const out = [];
+    let atual = [];
+    palavras.forEach((p, i) => {
+        atual.push(p);
+        const prox = palavras[i + 1];
+        const dur = (prox ? prox.de : fim) - atual[0].de;
+        // A batida não termina em palavra solta ("CLIQUE E | confirme"): ela gruda na seguinte.
+        const solta = /^(e|de|da|do|a|o|as|os|que|com|sua|seu|no|na|em|pra|para|por|um|uma|não|é)$/i.test(limpa(p.texto));
+        if (!prox || /[,.!?;:…]$/.test(p.texto) || atual.length >= 5 || (!solta && (atual.length >= 4 || (dur >= 0.9 && atual.length >= 2)))) {
+            out.push(atual);
+            atual = [];
+        }
+    });
+    const juntas = [];
+    for (const b of out) {
+        const ult = juntas[juntas.length - 1];
+        const dur = b[b.length - 1].ate - b[0].de;
+        if (ult && dur < 0.45 && ult.length + b.length <= 5) ult.push(...b);
+        else juntas.push([...b]);
+    }
+    return juntas;
+}
+
+function montarImpacto({ roteiro, largura = 1080, altura = 1920, tempos = [], narracao = null, sons = {}, trilha = null,
+    fotos = [], iconesOk = null }) {
+    const partes = (roteiro && roteiro.partes) || [];
+    if (!partes.length) return { ok: false, error: 'o roteiro veio sem partes.' };
+    const marca = roteiro.marca || {};
+    const cor = paleta(marca);
+    const grad = (marca.gradiente && marca.gradiente.length >= 2) ? marca.gradiente : [cor.apoio, cor.destaque];
+    const F = { titulo: (marca.fontes && marca.fontes.titulo) || 'Inter', texto: (marca.fontes && marca.fontes.texto) || 'Inter' };
+    const W = largura, H = altura, deitado = W >= H;
+    const M = Math.round(Math.min(W, H) * 0.07);
+    const W0 = W - 2 * M;
+    const cenas = [], efeitos = [];
+    let fotoI = 0, nBatida = 0;
+    const proxFoto = () => (fotos.length ? fotos[fotoI++ % fotos.length] : null);
+    const som = (t, nome, volume) => { if (sons[nome]) efeitos.push({ t: r2(Math.max(0, t)), src: sons[nome], volume }); };
+    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 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+/);
+        let forte = -1, pf = 0;
+        ws.forEach((w, k) => { const v = peso(w); if (v > pf) { pf = v; forte = k; } });
+        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 } : {}),
+            ...(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' }],
+            },
+        });
+        return h;
+    };
+    const emoji = (els, texto, { x = W / 2, y = H * 0.24, tam = Math.min(W, H) * 0.26 } = {}) => {
+        let ic = null;
+        for (const w of String(texto || '').split(/\s+/)) { ic = iconeDe(w); if (icOk(ic)) break; ic = null; }
+        if (!ic) return false;
+        els.push({ tipo: 'icone', nome: ic, tamanho: Math.round(tam), x: Math.round(x), y: Math.round(y), ancora: 'centro',
+            anima: { escala: [{ t: 0.05, v: 0 }, { t: 0.22, v: 1.2, e: 'saida' }, { t: 0.36, v: 1 }], rotacao: [{ t: 0.05, v: -25 }, { t: 0.36, v: 0, e: 'saida' }, { t: 3, v: 8 }],
+                y: [{ t: 0.36, v: 0 }, { t: 3, v: -30, e: 'suave' }] } });
+        return true;
+    };
+    const fotoCheia = (els, f, { veu = 0.55 } = {}) => {
+        if (!f) return;
+        const v = f.tipo === 'video';
+        els.push({ tipo: v ? 'video' : 'imagem', src: f.src, ...(v ? { volume: 0 } : {}), x: 0, y: 0, largura: '100%', altura: '100%', ajuste: 'cover', foco: 'center 28%',
+            anima: { escala: [{ t: 0, v: 1.28 }, { t: 0.25, v: 1.1, e: 'saida' }, { t: 3, v: 1.02, e: 'linear' }] } });
+        els.push({ tipo: 'forma', forma: 'retangulo', x: 0, y: 0, largura: '100%', altura: '100%',
+            fundo: { tipo: 'gradiente', cores: [`rgba(0,0,0,${veu * 0.4})`, `rgba(0,0,0,${veu * 0.6})`, `rgba(0,0,0,${veu + 0.25})`], angulo: 180 } });
+    };
+    const logoTopo = (els, forte = false) => {
+        if (!marca.logo) return;
+        const h = Math.round(H * (forte ? 0.07 : (deitado ? 0.05 : 0.028)));
+        els.push({ tipo: 'imagem', src: marca.logo, x: Math.round(W / 2 - h * 2), y: forte ? Math.round(H * 0.78) : M, largura: h * 4, altura: h, ajuste: 'contain', opacidade: forte ? 1 : 0.9,
+            ...(forte ? { anima: { escala: [{ t: 0, v: 0.6 }, { t: 0.3, v: 1.08, e: 'saida' }, { t: 0.5, v: 1 }], opacidade: [{ t: 0, v: 0 }, { t: 0.15, v: 1 }] } } : {}) });
+    };
+
+    partes.forEach((p, i) => {
+        const tp = tempos[i] || { de: i * 3, ate: i * 3 + 2.6, palavras: [] };
+        const fim = tempos[i + 1] ? tempos[i + 1].de : (tp.ate || 0) + 0.9;
+        const ini = i === 0 ? 0 : tp.de;
+        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));
+
+        // 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 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;
+            let tela;   // 'palavra' | 'foto' | 'marca'
+
+            if (p.tipo === 'numero' && k === 0) {
+                // O número em tela cheia, contando, com a câmera tremendo.
+                cena.fundo = { tipo: 'gradiente', cores: [grad[0], grad[1]], angulo: 150 };
+                const valor = String(p.valor);
+                const m = valor.match(/^([^\d-]*)(-?[\d.,]+)(.*)$/);
+                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' });
+                cena.tremor = [{ de: 0, ate: 0.5, forca: 26 }];
+                tela = 'marca';
+            } else if ((p.tipo === 'lista' || p.tipo === 'passos') && itens.length) {
+                // Um item por batida: o emoji 3D grande e o item batendo.
+                const it = itens[Math.min(k, itens.length - 1)];
+                if (k % 2 === 1) cena.fundo = { tipo: 'gradiente', cores: [grad[0], grad[1]], angulo: 135 };
+                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,
+                    ...(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 });
+                tela = k % 2 ? 'marca' : 'palavra';
+                cena.socos = [{ t: 0, forca: 0.14 }];
+                som(de, 'estalo', 0.55);
+            } else if (p.tipo === 'cta' && ultimo) {
+                // O fecho: a logo grande, a chamada e o link.
+                /* O fecho no escuro da marca, com o brilho do gradiente atrás: a logo
+                   tem as cores do gradiente e sumia sobre ele. */
+                const R = Math.round(Math.max(W, H) * 0.9);
+                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 });
+                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);
+                    // O botão vem DEPOIS do título, com folga — nunca encostado nele.
+                    const yP = Math.round(yT + hT * 1.08 + H * 0.04);
+                    els.push({ tipo: 'forma', forma: 'retangulo', x: Math.round((W - wP) / 2), y: yP, largura: Math.round(wP), altura: Math.round(fl * 2.1), cor: cor.destaque, raio: Math.round(fl * 1.05),
+                        anima: { escala: [{ t: 0.2, v: 0 }, { t: 0.45, v: 1.1, e: 'saida' }, { t: 0.6, v: 1 }] } });
+                    els.push({ tipo: 'texto', texto: String(p.link), fonte: F.texto, peso: 800, tamanho: fl, cor: cor.sobreDestaque, x: Math.round(W / 2), y: Math.round(yP + fl * 1.05), ancora: 'centro',
+                        anima: { opacidade: [{ t: 0.3, v: 0 }, { t: 0.45, v: 1 }] } });
+                }
+                logoTopo(els, true);
+                cena.tremor = [{ de: 0, ate: 0.4, forca: 20 }];
+                cena.flashes = [0];
+                som(de, 'impacto', 0.9);
+                tela = 'marca';
+            } else {
+                // 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);
+                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 });
+                    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 });
+                } 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 });
+                    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. */
+            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' });
+                // 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 }] } });
+            }
+
+            /* Uma transição curta a cada tanto; o resto é corte seco — é o
+               corte que dá o ritmo. */
+            const nT = nBatida++;
+            const trans = nT === 0 ? 'corte' : (nT % 4 === 1 ? 'chicote' : nT % 4 === 3 ? 'soco' : 'corte');
+            const cruz = trans === 'corte' ? 0 : 0.16;
+            if (trans === 'chicote') som(de - 0.08, 'whoosh', 0.55);
+            cena._base = Math.max(0.3, ate - de);
+            cena.transicao = { tipo: trans, duracao: cruz };
+            cenas.push(cena);
+        });
+    });
+
+    // Cada batida fica no ar até a seguinte terminar de entrar (o cruzamento é da que entra).
+    cenas.forEach((c, k) => {
+        c.duracao = r2(c._base + (cenas[k + 1] ? cenas[k + 1].transicao.duracao : 0));
+        delete c._base;
+        c.camera = { zoom: [{ t: 0, v: 1 }, { t: c.duracao, v: 1.06, e: 'linear' }] };
+    });
+
+    const audio = { efeitos };
+    if (narracao) audio.narracao = narracao;
+    if (trilha) audio.trilha = { src: trilha, volume: 0.17, loop: true };
+    return {
+        ok: true,
+        plano: {
+            formato: { largura: W, altura: H, fps: 30 }, fundoGeral: cor.fundo, cenas, audio,
+            acabamento: { grao: 0.07, vinheta: 0.55, luz: [grad[0], cor.destaque], luzForca: 0.16 },
+        },
+        resumo: { cenas: cenas.length, efeitos: efeitos.length, musica: Boolean(trilha), voz: Boolean(narracao), estilo: 'impacto' },
+    };
+}
+
+module.exports = { montarImpacto, batidas };