primocode 10.13.0 → 10.14.0

package/lib/estudio/kit-ae/cenas.jsx

@@ -0,0 +1,395 @@
+/*  cenas.jsx — os 8 tipos de cena do estudio_motion, montados com o base.jsx (ES3).
+
+    O Node (maquina.js) entrega um PLANO em JSON; `montar(PLANO)` cria a comp MAIN, uma comp por cena e as
+    trocas. Cada cena tem a sua câmera (que nunca para) e os seus sons no tempo.
+
+    PLANO = { w, h, fps, fontes:{titulo, texto, destaque}, trocas:['encolhe'|'empurra'|'mascara'],
+              cenas:[{ tipo, dur, pal:{bg, fg, ac, mudo, card, brilho}, ...dados do tipo }] }
+*/
+
+function kVert(comp) { return comp.height >= comp.width * 0.95; }   // o quadrado 1:1 também empilha
+function kU(comp) { return Math.min(comp.width, comp.height) / 1080; }
+function kFillProp(L) { return L.property('ADBE Root Vectors Group').property(1).property('ADBE Vectors Group').property('ADBE Vector Graphic - Fill').property('ADBE Vector Fill Color'); }
+function kBase(comp, P) {
+    fundo(comp, P.bg, { brilho: P.brilho });
+    var cam = camera(comp);
+    // a câmera (CAM) leva dois filhos: o título (direto nela) e o CONTEUDO, que desce e encolhe para caber abaixo da faixa reservada do título
+    var cont = comp.layers.addNull(comp.duration); cont.name = 'CONTEUDO'; cont.enabled = false; kPai(cont, cam.no);
+    kA(cont).setValue([comp.width / 2, comp.height / 2]); kP(cont).setValue([comp.width / 2, comp.height / 2]);
+    cam.camNo = cam.no; cam.no = cont; KIT.remap = null;
+    if (KIT.elementos.length && KIT.ambiente !== false && !KIT.semAmbiente) KIT.ambienteFn = function (cmp, cm) { kAmbiente(cmp, KIT.pal, cm); };
+    else KIT.ambienteFn = null;
+    return cam;
+}
+/* Os objetos do assunto, quando a cena não tem elemento próprio: 1 HERÓI (≥ 45% da largura útil) e 1 apoio (≥ 12% da largura, mais apagado),
+   postos NO FIM da cena no primeiro canto livre (sem tocar em texto nem em elemento já registrados; dentro dos 8% de margem). Sem espaço, sem enfeite. */
+function kAmbiente(comp, P, cam) {
+    if (KIT.cenaComElemento || !cam) return;
+    var W = comp.width, H = comp.height, m = Math.min(W, H), ze = kZonaTexto(comp, false), mx = ze.x, my = ze.top, myb = ze.bot, k, colocados = [], R = [], ri;
+    for (ri = 0; ri < KIT.rects.length; ri++) if (KIT.rects[ri].cena == KIT.cenaIdx) R.push(kRectLayout(KIT.rects[ri]));
+    var tams = [m * 0.5, m * 0.15];
+    function livre(x, y, w) {
+        var x0 = x - w / 2 - 60, x1 = x + w / 2 + 60, y0 = y - w / 2 - 60, y1 = y + w / 2 + 60, i;
+        if (x - w / 2 < mx + W * 0.04 || x + w / 2 > W - mx - W * 0.04 || y - w / 2 < my + W * 0.04 || y + w / 2 > H - myb - W * 0.04) return false;
+        for (i = 0; i < R.length; i++) { var r = R[i]; if (x0 < r.x1 && x1 > r.x0 && y0 < r.y1 && y1 > r.y0) return false; }
+        for (i = 0; i < colocados.length; i++) { var q = colocados[i]; if (x0 < q[2] && x1 > q[0] && y0 < q[3] && y1 > q[1]) return false; }
+        return true;
+    }
+    for (k = 0; k < 2; k++) {
+        var w = tams[k], im = W * 0.07, xs = [mx + im + w / 2, W - mx - im - w / 2, W / 2], ys = [my + im + w / 2, H - myb - im - w / 2, H / 2], cands = [], a, b;
+        for (a = 0; a < 3; a++) for (b = 0; b < 3; b++) if (!(a == 2 && b == 2)) cands.push([xs[a], ys[b]]);
+        var ordem = (KIT.cenaIdx + k) % cands.length, n;
+        for (n = 0; n < cands.length; n++) {
+            var cd = cands[(ordem + n) % cands.length];
+            if (!livre(cd[0], cd[1], w)) continue;
+            var e = elemento(comp, KIT.cenaIdx + k * 2, { x: cd[0], y: cd[1], w: w, parent: cam.camNo || cam.no, flutua: 14, fase: k * 2.1 + KIT.cenaIdx, rot: k ? -12 : 10, entrada: 'pop', t0: 0.12 + k * 0.12, quique: 0.88, nome: 'ambiente' });
+            colocados.push([cd[0] - w / 2 - 60, cd[1] - w / 2 - 60, cd[0] + w / 2 + 60, cd[1] + w / 2 + 60]);
+            break;
+        }
+    }
+}
+// pontos que estalam em volta de um centro (confete discreto), com som
+function kEstouro(comp, cam, cx, cy, t, cor, n, raio, som0) {
+    var i;
+    for (i = 0; i < n; i++) {
+        var a = (i / n) * Math.PI * 2 + 0.4, r = raio * (0.8 + 0.4 * ((i * 37) % 10) / 10), d = 10 + (i % 3) * 6;
+        var L = forma(comp, 'circulo', { x: cx, y: cy, w: d * 2, cor: cor, parent: cam.no, nome: 'estouro', alfa: 0 });
+        curva(kP(L), [[t, [cx, cy], null, 20], [t + 0.7, [cx + Math.cos(a) * r, cy + Math.sin(a) * r], 85, null]]);
+        curva(kO(L), [[t - 0.04, 0, null, 30], [t, 100, null, 30], [t + 0.2, 100, 50, 30], [t + 0.75, 0, 70, null]]);
+        curva(kS(L), [[t, [40, 40], null, 20], [t + 0.25, [100, 100], 70, 30], [t + 0.75, [20, 20], 70, null]]);
+    }
+    if (som0 !== false) som(t, 'pop', 0.8);
+}
+
+// ---------------------------------------------------------------- gancho
+function cenaGancho(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.14;
+    var ty = v ? H * 0.42 : H * 0.44;
+    var tit = texto(comp, d.titulo || '', { tamanho: (v ? 150 : 128) * u, cor: P.fg, corDestaque: P.ac, x: W / 2, y: ty, parent: cam.no, entrada: d.entrada || 'voa', t0: T0, largura: W * (v ? 0.86 : 0.78), maxLinhas: 4 });
+    var i;
+    for (i = 0; i < tit.tempos.length; i++) som(tit.tempos[i], i % 2 ? 'tique' : 'pop', i ? 0.45 : 0.7);
+    if (tit.camadas.length) som(tit.fim - 0.25, 'brilho', 0.5);
+    var yb = ty + tit.h / 2 + 90 * u;
+    if (d.sub) {
+        var sb = texto(comp, d.sub, { fonte: P.fonteTexto, tamanho: 54 * u, cor: P.mudo, x: W / 2, y: yb, parent: cam.no, entrada: 'sobe', t0: tit.fim + 0.05, largura: W * 0.74, maxLinhas: 3, entreLinhas: 1.25 });
+        som(tit.fim + 0.08, 'tique', 0.4);
+    }
+    cam.empurra(0.9, 0, -24 * u, 1.05).empurra(comp.duration - 0.3, 0, 30 * u, 1.1);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- celular
+function cenaCelular(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.12;
+    var esc = v ? 0.66 * H / 960 * 0.92 : 0.7 * H / 960;
+    var px = v ? W / 2 : W * 0.7, py = v ? H * 0.585 : H * 0.5;
+    var tit;
+    if (d.titulo) {
+        tit = texto(comp, d.titulo, { tamanho: (v ? 104 : 96) * u, cor: P.fg, corDestaque: P.ac, x: v ? W / 2 : W * 0.3, y: v ? H * 0.15 : H * 0.5, parent: cam.no, entrada: 'palavra', t0: T0, largura: v ? W * 0.88 : W * 0.46, maxLinhas: 3 });
+        var i0; for (i0 = 0; i0 < tit.tempos.length; i0++) som(tit.tempos[i0], 'pop', 0.45);
+    }
+    var cel = celular(comp, { x: px, y: py, escala: esc, parent: cam.no, t0: T0 + 0.1, tela: P.telaCor || '#F6F6F8' });
+    var tq = d.toques && d.toques.length ? d.toques : ['Agendar', 'Confirmar'];
+    tq = tq.slice(0, 4);
+    // cabeçalho da tela
+    var cab = texto(comp, d.tela && d.tela.charAt && d.tela.charAt(0) != '#' && d.tela.indexOf('.') < 0 ? d.tela : (d.cabecalho || 'Hoje'), { tamanho: 54, cor: '#1B1B1F', x: 0, y: -330, parent: cel.no, entrada: 'sobe', t0: T0 + 0.7, largura: 360, maxLinhas: 1, sublinhado: false });
+    var n = tq.length, y0 = -150, passo = 124, i;
+    for (i = 0; i < n; i++) {
+        var ti = T0 + 1.0 + i * 0.85, yy = y0 + i * passo;
+        var card = forma(comp, 'retangulo', { x: 0, y: yy, w: 372, h: 96, r: 30, cor: '#FFFFFF', traco: '#E3E3E8', tracoL: 3, parent: cel.no, entrada: 'pop', t0: ti, quique: 0.55, nome: 'item' });
+        var bolinha = forma(comp, 'circulo', { x: -138, y: yy, w: 44, cor: '#E3E3E8', parent: cel.no, entrada: 'pop', t0: ti + 0.04, nome: 'bolinha' });
+        var tx = texto(comp, String(tq[i]), { tamanho: 34, cor: '#1B1B1F', x: 30, y: yy, parent: cel.no, entrada: 'sobe', t0: ti + 0.06, largura: 224, maxLinhas: 1, sublinhado: false });
+        som(ti, 'pop', 0.55);
+        var tt = ti + 0.55;
+        cel.toque(tt, 100, yy, { cor: '#B7B7C0' });
+        curva(kS(card), [[tt, [100, 100], null, 25], [tt + 0.08, [93, 93], 70, 40], [tt + 0.3, [100, 100], 70, null]]);
+        try { curva(kFillProp(bolinha), [[tt, kCor('#E3E3E8'), null, 30], [tt + 0.15, kCor(P.ac), 60, null]]); } catch (e) { }
+        check(comp, { x: -138, y: yy, tam: 24, cor: '#FFFFFF', parent: cel.no, t0: tt + 0.08 });
+        som(tt + 0.12, 'ponto' + (1 + i % 5), 0.5);
+    }
+    cel.sai(T0 + 1.0 + n * 0.85 + 0.2);
+    cam.empurra(0.9, v ? 0 : 60 * u, v ? 20 * u : 0, 1.03).empurra(comp.duration - 0.3, v ? 0 : 40 * u, v ? 60 * u : 0, v ? 1.1 : 1.12);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- número
+function cenaNumero(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.14, R = 1.25;
+    var val = String(d.valor == null ? '100' : d.valor);
+    var m = val.match(/^([^0-9]*)([0-9][0-9.,]*)(.*)$/);
+    var pre = m ? m[1] : '', num = m ? m[2] : '0', suf = m ? m[3] : '';
+    var alvo = parseFloat(num.replace(/\./g, '').replace(',', '.'));
+    if (isNaN(alvo)) alvo = 0;
+    var dec = num.indexOf(',') >= 0 ? num.length - num.indexOf(',') - 1 : 0;
+    var cx = W / 2, cy = v ? H * 0.42 : H * 0.44, D = Math.min(W, H) * (v ? 0.8 : 0.6);
+    var anel = forma(comp, 'circulo', { x: cx, y: cy, w: D, traco: P.card, tracoL: 22 * u, parent: cam.no, entrada: 'cresce', t0: T0, nome: 'trilho' });
+    var prog = forma(comp, 'circulo', { x: cx, y: cy, w: D, traco: P.ac, tracoL: 22 * u, parent: cam.no, nome: 'progresso' });
+    kR(prog).setValue(-90);
+    var g = prog.property('ADBE Root Vectors Group').property(1).property('ADBE Vectors Group');
+    var tm = g.addProperty('ADBE Vector Filter - Trim');
+    curva(tm.property('ADBE Vector Trim End'), [[T0 + 0.1, 0, null, 20], [T0 + 0.1 + R, 100, 80, null]]);
+    try { g.property('ADBE Vector Graphic - Stroke').property('ADBE Vector Stroke Line Cap').setValue(2); } catch (e) { }
+    // o número rolando
+    var fmt = alvo >= 1000 || num.indexOf('.') >= 0 ? true : false;
+    var final = pre + num + suf;
+    var fonte = P.fonteTitulo, tam = (v ? 300 : 280) * u;
+    var L = comp.layers.addText(final); L.name = 'numero'; kPai(L, cam.no);
+    kDoc(L, fonte, tam, P.fg);
+    var wmax = D * 0.8, w = L.sourceRectAtTime(0, false).width;
+    while (w > wmax && tam > 40) { tam *= 0.9; kDoc(L, fonte, tam, P.fg); w = L.sourceRectAtTime(0, false).width; }
+    kP(L).setValue([cx, cy + tam * 0.33]);
+    var td = L.property('ADBE Text Properties').property('ADBE Text Document');
+    var ex = 'var n = ease(time, ' + (T0 + 0.1) + ', ' + (T0 + 0.1 + R) + ', 0, ' + alvo + ');' +
+        'var s = ' + (dec ? 'n.toFixed(' + dec + ').replace(".", ",")' : 'String(Math.round(n))') + ';' +
+        (fmt ? 's = s.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ".");' : '') +
+        'if (time < ' + (T0) + ') s = "0"; "' + pre.replace(/"/g, '') + '" + s + "' + suf.replace(/"/g, '') + '";';
+    td.expression = ex;
+    curva(kO(L), [[T0, 0, null, 30], [T0 + 0.2, 100, 60, null]]);
+    curva(kS(L), [[T0 + 0.1 + R, [100, 100], null, 25], [T0 + 0.1 + R + 0.12, [112, 112], 70, 40], [T0 + 0.1 + R + 0.45, [100, 100], 70, null]]);
+    som(T0 + 0.1, 'subida', 0.7);
+    som(T0 + 0.1 + R, 'impacto', 0.8); som(T0 + 0.1 + R + 0.02, 'brilho', 0.6);
+    var rot = texto(comp, d.rotulo || '', { fonte: P.fonteTexto, tamanho: 58 * u, cor: P.mudo, x: W / 2, y: v ? cy + D / 2 + 150 * u : cy + D / 2 + 85 * u, parent: cam.no, entrada: 'sobe', t0: T0 + 0.1 + R + 0.1, largura: W * 0.8, maxLinhas: 3, sublinhado: false, entreLinhas: 1.2 });
+    kEstouro(comp, cam, cx, cy, T0 + 0.1 + R + 0.02, P.ac, 10, D * 0.62, false);
+    cam.empurra(0.8, 0, 0, 1.0).empurra(T0 + 0.1 + R, 0, -20 * u, 1.12).empurra(comp.duration - 0.2, 0, 10, 1.14);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- lista (itens em laço: o destaque percorre e volta ao primeiro)
+function cenaLista(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.12;
+    var it = (d.itens && d.itens.length ? d.itens : ['Item um', 'Item dois', 'Item três']).slice(0, 5), n = it.length, i;
+    var altura = Math.min((v ? 190 : 150) * u, (H * (v ? 0.62 : 0.8)) / n - 24 * u), gap = 22 * u, wc = W * (v ? 0.86 : 0.62);
+    var total = n * altura + (n - 1) * gap, top = (v ? H * 0.5 : H * 0.5) - total / 2 + (d.titulo ? 70 * u : 0);
+    if (d.titulo) {
+        var tt = texto(comp, d.titulo, { tamanho: (v ? 88 : 78) * u, cor: P.fg, corDestaque: P.ac, x: W / 2, y: top - 130 * u, parent: cam.no, entrada: 'sobe', t0: T0, largura: W * 0.84, maxLinhas: 2 });
+        som(T0, 'tique', 0.5);
+    }
+    var ys = [];
+    for (i = 0; i < n; i++) {
+        var y = top + altura / 2 + i * (altura + gap), ti = T0 + 0.3 + i * 0.32, dir = i % 2 ? 1 : -1; ys.push(y);
+        var card = forma(comp, 'pilula', { x: W / 2, y: y, w: wc, h: altura, cor: P.card, parent: cam.no, nome: 'item' });
+        curva(kO(card), [[ti, 0, null, 30], [ti + 0.15, 100, 60, null]]);
+        mola(kP(card), ti, [W / 2 + dir * W * 0.4, y], [W / 2, y], { quique: 0.45, dur: 0.65 });
+        var dot = forma(comp, 'circulo', { x: W / 2 - wc / 2 + altura / 2, y: y, w: altura * 0.56, cor: P.ac, parent: cam.no, entrada: 'pop', t0: ti + 0.12, quique: 0.7, nome: 'marca' });
+        check(comp, { x: W / 2 - wc / 2 + altura / 2, y: y, tam: altura * 0.3, cor: P.bg, parent: cam.no, t0: ti + 0.22 });
+        texto(comp, String(it[i]), { tamanho: Math.min(66 * u, altura * 0.4), cor: P.fg, corDestaque: P.ac, x: W / 2 + altura * 0.3, y: y, parent: cam.no, entrada: 'sobe', t0: ti + 0.1, largura: wc - altura * 1.5, maxLinhas: 2, sublinhado: false });
+        som(ti + 0.05, 'ponto' + (1 + i % 5), 0.6);
+    }
+    // o laço: um contorno que percorre os itens e fecha o ciclo voltando ao primeiro
+    var tl = T0 + 0.3 + n * 0.32 + 0.25;
+    var cur = forma(comp, 'pilula', { x: W / 2, y: ys[0], w: wc + 24 * u, h: altura + 24 * u, traco: P.ac, tracoL: 8 * u, parent: cam.no, nome: 'laco', alfa: 0 });
+    var ky = [[tl, [W / 2, ys[0]], null, 25]], ko = [[tl, 0, null, 30], [tl + 0.15, 100, 60, 30]];
+    for (i = 1; i < n; i++) ky.push([tl + i * 0.42, [W / 2, ys[i]], 70, 25]);
+    ky.push([tl + n * 0.42, [W / 2, ys[0]], 70, null]);
+    curva(kP(cur), ky); curva(kO(cur), ko);
+    for (i = 1; i <= n; i++) som(tl + i * 0.42 - 0.05, 'tique', 0.4);
+    cam.empurra(0.8, 0, -10 * u, 1.03).empurra(comp.duration - 0.2, 0, 20 * u, 1.08);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- antes e depois
+function cenaAntesDepois(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.12;
+    var cw = v ? W * 0.84 : W * 0.38, ch = v ? H * 0.26 : H * 0.56;
+    var ax = v ? W / 2 : W * 0.26, ay = v ? H * 0.34 : H * 0.5, bx = v ? W / 2 : W * 0.74, by = v ? H * 0.68 : H * 0.5;
+    var A = forma(comp, 'retangulo', { x: ax, y: ay, w: cw, h: ch, r: 56 * u, cor: P.card, traco: P.mudo, tracoL: 4 * u, parent: cam.no, entrada: 'pop', t0: T0, quique: 0.4, nome: 'antes' });
+    var la = forma(comp, 'pilula', { x: ax, y: ay - ch / 2, w: 260 * u, h: 80 * u, cor: P.mudo, parent: cam.no, entrada: 'pop', t0: T0 + 0.15, nome: 'rotulo antes' });
+    texto(comp, 'ANTES', { fonte: P.fonteTitulo, tamanho: 44 * u, cor: P.bg, x: ax, y: ay - ch / 2, parent: cam.no, entrada: 'sobe', t0: T0 + 0.18, largura: 200 * u, maxLinhas: 1, sublinhado: false });
+    texto(comp, d.antes || '', { fonte: P.fonteTexto, tamanho: 64 * u, cor: P.mudo, x: ax, y: ay + 20 * u, parent: cam.no, entrada: 'palavra', t0: T0 + 0.3, largura: cw * 0.82, maxLinhas: 4, sublinhado: false });
+    som(T0, 'pop', 0.6); som(T0 + 0.3, 'tique', 0.4);
+    // o antes treme de leve, cansado
+    kP(A).expression = 'value + [Math.sin(time*18)*3, 0]';
+    var t2 = T0 + 1.2;
+    var seta = texto(comp, '>', { fonte: P.fonteTitulo, tamanho: 190 * u, cor: P.ac, x: v ? W / 2 : W / 2, y: v ? H * 0.5 : H * 0.5, parent: cam.no, entrada: 'palavra', t0: t2 - 0.25, sublinhado: false, largura: 200, sobrepoe: true, semAuditoria: true });
+    if (v) for (var s = 0; s < seta.camadas.length; s++) kR(seta.camadas[s]).expression = 'value + 90';
+    som(t2 - 0.25, 'swoosh', 0.6);
+    var B = forma(comp, 'retangulo', { x: bx, y: by, w: cw, h: ch, r: 56 * u, cor: P.ac, parent: cam.no, nome: 'depois' });
+    var cor2 = kLum(P.ac) > 0.5 ? '#14110F' : '#FFFFFF';
+    mola(kS(B), t2, [60, 60], [100, 100], { quique: 0.7, dur: 0.75 });
+    curva(kO(B), [[t2, 0, null, 30], [t2 + 0.1, 100, 60, null]]);
+    mola(kR(B), t2, v ? 3 : -3, 0, { quique: 0.5, dur: 0.8 });
+    var lb = forma(comp, 'pilula', { x: bx, y: by - ch / 2, w: 290 * u, h: 80 * u, cor: P.fg, parent: cam.no, entrada: 'pop', t0: t2 + 0.15, nome: 'rotulo depois' });
+    texto(comp, 'DEPOIS', { fonte: P.fonteTitulo, tamanho: 44 * u, cor: P.bg, x: bx, y: by - ch / 2, parent: cam.no, entrada: 'sobe', t0: t2 + 0.18, largura: 220 * u, maxLinhas: 1, sublinhado: false });
+    texto(comp, d.depois || '', { tamanho: 96 * u, cor: cor2, corDestaque: cor2, x: bx, y: by + 24 * u, parent: cam.no, entrada: 'palavra', t0: t2 + 0.32, largura: cw * 0.84, maxLinhas: 4, sublinhado: false });
+    som(t2, 'impacto', 0.7); som(t2 + 0.05, 'brilho', 0.6);
+    kEstouro(comp, cam, bx, by, t2 + 0.05, P.fg, 8, ch * 0.75, false);
+    cam.empurra(0.8, v ? 0 : -60 * u, v ? -120 * u : 0, 1.02).empurra(t2 + 0.5, v ? 0 : 70 * u, v ? 130 * u : 0, 1.1).empurra(comp.duration - 0.2, v ? 0 : 90 * u, v ? 150 * u : 0, 1.13);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- ícones que estalam em volta
+function cenaIcones(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.12;
+    var it = (d.itens && d.itens.length ? d.itens : ['Um', 'Dois', 'Três']).slice(0, 6), n = it.length, i;
+    var cx = W / 2, cy = v ? H * 0.46 : H * 0.5, R = Math.min(W, H) * (v ? 0.28 : 0.34), bw = Math.min(W, H) * (v ? 0.2 : 0.22);
+    var hub = forma(comp, 'circulo', { x: cx, y: cy, w: bw * 1.35, cor: P.ac, parent: cam.no, entrada: 'pop', t0: T0, quique: 0.55, nome: 'centro' });
+    var hc = kLum(P.ac) > 0.5 ? '#14110F' : '#FFFFFF';
+    if (d.titulo) texto(comp, d.titulo, { tamanho: 58 * u, cor: hc, corDestaque: hc, x: cx, y: cy, parent: cam.no, entrada: 'palavra', t0: T0 + 0.1, largura: bw * 1.1, maxLinhas: 3, sublinhado: false });
+    som(T0, 'pop', 0.8);
+    for (i = 0; i < n; i++) {
+        var a = -Math.PI / 2 + i * Math.PI * 2 / n, ti = T0 + 0.45 + i * 0.26;
+        var x = cx + Math.cos(a) * R * (v ? 1.0 : 1.35), y = cy + Math.sin(a) * R * (v ? 1.18 : 1.0);
+        var lig = forma(comp, 'retangulo', { x: (cx + x) / 2, y: (cy + y) / 2, w: Math.sqrt((x - cx) * (x - cx) + (y - cy) * (y - cy)), h: 6 * u, cor: P.mudo, parent: cam.no, nome: 'liga', alfa: 0 });
+        kR(lig).setValue(Math.atan2(y - cy, x - cx) * 180 / Math.PI);
+        curva(kO(lig), [[ti - 0.1, 0, null, 30], [ti + 0.1, 45, 60, null]]);
+        var b = forma(comp, 'circulo', { x: x, y: y, w: bw, cor: P.card, traco: P.ac, tracoL: 7 * u, parent: cam.no, entrada: 'pop', t0: ti, quique: 0.75, nome: 'icone' });
+        var ini = String(it[i]).replace(/[^A-Za-zÀ-ÿ0-9]/g, '').charAt(0).toUpperCase() || '+';
+        if (KIT.elementos.length) elemento(comp, i, { x: x, y: y, w: bw * 0.62, parent: cam.no, entrada: 'pop', t0: ti + 0.05, quique: 0.7 });
+        else texto(comp, ini, { fonte: P.fonteTitulo, tamanho: bw * 0.52, cor: P.ac, corDestaque: P.ac, x: x, y: y, parent: cam.no, entrada: 'palavra', t0: ti + 0.05, sublinhado: false, largura: bw });
+        texto(comp, String(it[i]), { opcional: true, fonte: P.fonteTexto, tamanho: 38 * u, cor: P.fg, x: x, y: y + bw / 2 + 44 * u, parent: cam.no, entrada: 'sobe', t0: ti + 0.12, largura: Math.min(W * 0.3, 340 * u), maxLinhas: 2, sublinhado: false });
+        kP(b).expression = 'value + [Math.sin(time*2.1+' + i + ')*9, Math.cos(time*1.7+' + i + ')*9]';
+        som(ti, 'ponto' + (1 + i % 5), 0.7);
+    }
+    cam.empurra(0.9, 0, 0, 1.0).empurra(T0 + 0.45 + n * 0.26, 0, -20 * u, 1.1).empurra(comp.duration - 0.2, 0, 10 * u, 1.14);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- citação
+function cenaCitacao(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.14;
+    var aspas = texto(comp, '“', { fonte: P.fonteDestaque, tamanho: 520 * u, cor: P.ac, corDestaque: P.ac, x: v ? W * 0.2 : W * 0.14, y: v ? H * 0.27 : H * 0.3, parent: cam.no, entrada: 'palavra', t0: T0, sublinhado: false, largura: 600, sobrepoe: true });
+    som(T0, 'pop', 0.7);
+    var tx = texto(comp, d.texto || '', { tamanho: (v ? 92 : 84) * u, cor: P.fg, corDestaque: P.ac, x: W / 2, y: v ? H * 0.5 : H * 0.52, parent: cam.no, entrada: 'palavra', t0: T0 + 0.35, passo: 0.14, largura: W * (v ? 0.82 : 0.7), maxLinhas: 6 });
+    var i; for (i = 0; i < tx.tempos.length; i++) som(tx.tempos[i], 'tique', 0.4);
+    if (d.autor) {
+        var yy = tx.y + tx.h / 2 + 90 * u;
+        var barra = forma(comp, 'pilula', { x: W / 2 - 150 * u, y: yy, w: 90 * u, h: 8 * u, cor: P.ac, parent: cam.no, nome: 'barra' });
+        kA(barra).setValue([-45 * u, 0]);
+        curva(kS(barra), [[tx.fim, [0, 100], null, 30], [tx.fim + 0.4, [100, 100], 80, null]]);
+        texto(comp, String(d.autor), { fonte: P.fonteTexto, tamanho: 46 * u, cor: P.mudo, x: W / 2 + 50 * u, y: yy, parent: cam.no, entrada: 'sobe', t0: tx.fim + 0.05, largura: W * 0.6, maxLinhas: 1, sublinhado: false });
+        som(tx.fim, 'brilho', 0.5);
+    }
+    cam.empurra(0.9, 0, 0, 1.04).empurra(comp.duration - 0.2, 20 * u, 40 * u, 1.12);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- CTA
+/* O CTA: título que voa, botão SÓLIDO com brilho que varre (Merge Paths em Intersect: o brilho só existe dentro da pílula) e um
+   ícone; o cursor entra, o botão afunda e volta com quique, estoura em ondas e partículas, com clique + impacto. Sem camada fantasma. */
+function cenaCta(comp, P, d) {
+    var W = comp.width, H = comp.height, u = kU(comp), cam = kBase(comp, P), v = kVert(comp), T0 = 0.1, i;
+    var tit = texto(comp, d.titulo || '', { tamanho: (v ? 140 : 116) * u, cor: P.fg, corDestaque: P.ac, x: W / 2, y: v ? H * 0.34 : H * 0.34, parent: cam.no, entrada: 'voa', t0: T0, largura: W * (v ? 0.86 : 0.74), maxLinhas: 3 });
+    for (i = 0; i < tit.tempos.length; i++) som(tit.tempos[i], i % 2 ? 'tique' : 'pop', 0.5);
+    var bw = v ? W * 0.84 : Math.min(W * 0.5, 780 * u), bh = (v ? 230 : 158) * u, bx = W / 2, by = v ? H * 0.66 : H * 0.7, tb = Math.max(tit.fim * 0.8, T0 + 0.5);
+    var ink = kSobre(P);
+    KIT.rects.push({ cena: KIT.cenaIdx, x0: bx - bw / 2, x1: bx + bw / 2, y0: by - bh / 2, y1: by + bh / 2, t0: 0, t1: 1, texto: false, sobrepoe: true, livre: true, nome: 'botao' });
+    var btn = grupo(comp, { x: bx, y: by, parent: cam.no, nome: 'botao-cta' });
+    // o corpo sólido + o brilho que varre, na MESMA camada de forma: pílula, paralelogramo, Merge Paths (Intersect), preenchimento branco
+    var corpo = forma(comp, 'pilula', { x: 0, y: 0, w: bw, h: bh, cor: P.ac, traco: kMisturar(P.ac, '#FFFFFF', 0.55), tracoL: 5 * u, parent: btn, nome: 'botao-corpo' });
+    try {
+        var br = comp.layers.addShape(); br.name = 'botao-brilho'; kPai(br, btn);
+        var gr = br.property('ADBE Root Vectors Group').addProperty('ADBE Vector Group'), vv = gr.property('ADBE Vectors Group');
+        var pl = vv.addProperty('ADBE Vector Shape - Rect'); pl.property('ADBE Vector Rect Size').setValue([bw, bh]); pl.property('ADBE Vector Rect Roundness').setValue(bh / 2);
+        var pg = vv.addProperty('ADBE Vector Shape - Group'), S0 = new Shape(), S1 = new Shape(), zz = [[0, 0], [0, 0], [0, 0], [0, 0]], lw = 120 * u, sk = 60 * u;
+        S0.vertices = [[-bw / 2 - lw - sk, bh], [-bw / 2 - sk, bh], [-bw / 2, -bh], [-bw / 2 - lw, -bh]]; S0.inTangents = zz; S0.outTangents = zz; S0.closed = true;
+        S1.vertices = [[bw / 2 + sk * 0, bh], [bw / 2 + lw + sk * 0, bh], [bw / 2 + lw + sk, -bh], [bw / 2 + sk, -bh]]; S1.inTangents = zz; S1.outTangents = zz; S1.closed = true;
+        var sp = pg.property('ADBE Vector Shape'); sp.setValue(S0);
+        var ts = tb + 0.55;
+        sp.setValueAtTime(kFrame(ts), S0); sp.setValueAtTime(kFrame(ts) + 0.7, S1);
+        sp.setValueAtTime(kFrame(ts) + 1.9, S0); sp.setValueAtTime(kFrame(ts) + 2.6, S1);   // varre de novo, sem parar
+        var mg = vv.addProperty('ADBE Vector Filter - Merge'); mg.property('ADBE Vector Merge Type').setValue(4);
+        vv.addProperty('ADBE Vector Graphic - Fill').property('ADBE Vector Fill Color').setValue([1, 1, 1]);
+        kO(br).setValue(55);
+        kP(br).setValue([0, 0]);
+    } catch (e) { KIT.avisos.push('cena ' + KIT.cenaIdx + ': brilho do botão indisponível'); }
+    // o ícone (seta) e o rótulo
+    var ic = caminho(comp, [[-22 * u, 0], [24 * u, 0]], { cor: ink, esp: 11 * u, parent: btn, nome: 'seta-haste' });
+    caminho(comp, [[6 * u, -20 * u], [26 * u, 0], [6 * u, 20 * u]], { cor: ink, esp: 11 * u, parent: btn, nome: 'seta-ponta' });
+    var arrows = [];
+    texto(comp, d.botao || 'Começar agora', { fonte: P.fonteTitulo, tamanho: (v ? 84 : 58) * u, cor: ink, corDestaque: ink, x: -28 * u, y: 0, parent: btn, entrada: 'sobe', t0: tb + 0.08, largura: bw * 0.7, maxLinhas: 1, sublinhado: false, livre: true, fala: false });
+    var iconX = bw / 2 - 74 * u;
+    var j, kids = [];
+    // posiciona a seta à direita do rótulo
+    for (j = 0; j < comp.numLayers; j++) { var Ly = comp.layer(j + 1); if (Ly.name == 'seta-haste' || Ly.name == 'seta-ponta') kP(Ly).setValue([iconX, 0]); }
+    // entrada do botão: estoura de zero com quique forte
+    mola(kS(btn), tb, [0, 0], [100, 100], { quique: 0.88, dur: 0.75 });
+    som(tb, 'pop', 0.8);
+    // o cursor entra, o botão afunda e explode
+    var tp = tb + 1.05;
+    var cur = kCursor(comp, cam.no, u, '#FFFFFF', '#101010');
+    var c0 = [bx + bw * 0.5, by + 460 * u], c1 = [bx + bw * 0.4, by + 6 * u];   // clica na borda direita, no ícone da seta (nunca em cima do texto)
+    kP(cur).setValue(c0);
+    curva(kP(cur), [[tp - 0.75, c0, null, 18], [tp - 0.05, c1, 82, 40]]);
+    curva(kO(cur), [[tp - 0.75, 0, null, 30], [tp - 0.55, 100, 60, null], [tp + 0.8, 100, null, 30], [tp + 1.05, 0, 60, null]]);
+    curva(kS(cur), [[tp - 0.05, [100, 100], null, 25], [tp + 0.05, [78, 78], 70, 40], [tp + 0.25, [100, 100], 70, null]]);
+    curva(kS(btn), [[tp - 0.02, [100, 100], null, 20], [tp + 0.07, [86, 86], 60, 30], [tp + 0.28, [110, 110], 40, 60], [tp + 0.6, [100, 100], 70, null]]);
+    // ondas e partículas
+    for (j = 0; j < 3; j++) {
+        var on = forma(comp, 'pilula', { x: bx, y: by, w: bw, h: bh, traco: j == 1 ? P.fg : P.ac, tracoL: (9 - j * 2) * u, alfa: 0, parent: cam.no, nome: 'onda' });
+        curva(kS(on), [[tp + j * 0.07, [100, 100], null, 20], [tp + j * 0.07 + 0.7, [150 + j * 14, 220 + j * 30], 80, null]]);
+        curva(kO(on), [[tp + j * 0.07 - 0.02, 0, null, 30], [tp + j * 0.07, 85, null, 30], [tp + j * 0.07 + 0.7, 0, 70, null]]);
+    }
+    kEstouro(comp, cam, bx, by, tp + 0.04, P.ac, 16, bw * 0.4, false);
+    kEstouro(comp, cam, bx, by, tp + 0.08, P.fg, 10, bw * 0.3, false);
+    som(tp, 'clique', 0.9); som(tp + 0.03, 'impacto', 0.6); som(tp + 0.1, 'brilho', 0.6);
+    // depois do clique o botão respira e solta um halo, sem parar
+    var halo = forma(comp, 'pilula', { x: bx, y: by, w: bw, h: bh, traco: P.ac, tracoL: 6 * u, alfa: 0, parent: cam.no, nome: 'halo' });
+    kS(halo).expression = 'var q = ((time - ' + (tp + 0.7).toFixed(2) + ') * 0.9) % 1; time < ' + (tp + 0.7).toFixed(2) + ' ? [100, 100] : [100 + 28 * q, 100 + 70 * q]';
+    kO(halo).expression = 'var q = ((time - ' + (tp + 0.7).toFixed(2) + ') * 0.9) % 1; time < ' + (tp + 0.7).toFixed(2) + ' ? 0 : 70 * (1 - q)';
+    cam.empurra(0.9, 0, 10 * u, 1.02).empurra(tp, 0, 40 * u, 1.06).empurra(comp.duration - 0.2, 0, 60 * u, 1.08);
+    fecha(comp);
+}
+
+// ---------------------------------------------------------------- montagem
+/* O vocabulário de cenas: 8 clássicas (aqui) + 30 primitivas (primitivas.jsx). O diretor (maquina-diretor.js) escolhe. */
+var CENAS = {
+    gancho: cenaGancho, celular: cenaCelular, numero: cenaNumero, lista: cenaLista, antes_depois: cenaAntesDepois, icones: cenaIcones, citacao: cenaCitacao, cta: cenaCta,
+    cinetico: cenaCinetico, interface: cenaInterface, mergulho: cenaMergulho, camera_nulls: cenaCameraNulls, barras: cenaBarras, linha: cenaLinha, mapa: cenaMapa,
+    cards_pulam: cenaCardsPulam, cursor: cenaCursor, notificacoes: cenaNotificacoes, chat: cenaChat, linha_tempo: cenaLinhaTempo, laco: cenaLaco, explosao: cenaExplosao,
+    revela: cenaRevela, split: cenaSplit, heroi: cenaHeroi, particulas: cenaParticulas, relogio: cenaRelogio, calendario: cenaCalendario, funil: cenaFunil,
+    parede_logos: cenaParedeLogos, prompt: cenaPrompt, odometro: cenaOdometro, medidor: cenaMedidor, carimbo: cenaCarimbo, leque: cenaLeque, ondas: cenaOndas,
+    rolagem: cenaRolagem, estrelas: cenaEstrelas
+};
+
+function montar(PL) {
+    var W = PL.w, H = PL.h, fps = PL.fps || 30, n = PL.cenas.length, i;
+    KIT.fps = fps; KIT.ajuste = PL.ajuste || 1;
+    KIT.marca = { titulo: PL.fontes.titulo, destaque: PL.fontes.destaque, texto: PL.fontes.texto };
+    KIT.tipo = PL.tipo || {};
+    KIT.elementos = PL.elementos || [];
+    KIT.voz = PL.voz || null;
+    KIT.paletaBase = PL.paleta || null; KIT.debugFit = !!PL.debugFit; KIT.bpm = PL.bpm || 0; KIT.batidaFase = PL.batidaFase || 0; KIT.fx = PL.fx !== false;
+    // a câmera dá zoom de até ~10%: o conteúdo é montado a 90% (87% com legenda, subido 7%) para NÃO sair da área segura quando a câmera chega perto
+    KIT.enq = 0.88; KIT.enqDy = 0;
+    if (PL.legenda && PL.legenda.chunks && PL.legenda.chunks.length) { KIT.enq = 0.85; KIT.enqDy = H * 0.07; }
+    var starts = [], t = 0;
+    for (i = 0; i < n; i++) { starts.push(PL.cenas[i].inicio != null ? PL.cenas[i].inicio : t); t = starts[i] + PL.cenas[i].dur; }
+    var total = PL.duracao || t;
+    var main = novaComp('MAIN', W, H, total, fps);
+    KIT.main = main;
+    // o fundo da MAIN é a cor de destaque: se as duas cenas se afastarem numa troca (chicote, empurra), o vão é uma faixa de cor, nunca preto
+    main.layers.addSolid(kCor(PL.paleta && PL.paleta.destaque ? PL.paleta.destaque : '#FFFFFF'), 'fundo-main', W, H, 1);
+    // um fundo por cena, embaixo de tudo, com a cor DA CENA: se a câmera ou a troca afastar a cena, a borda mostra a cor dela, não uma faixa de outra cor
+    for (i = 0; i < n; i++) { var fb = main.layers.addSolid(kCor(PL.cenas[i].pal.bg), 'fundo-cena ' + i, W, H, 1); fb.inPoint = starts[i]; fb.outPoint = i < n - 1 ? Math.min(total, starts[i + 1] + TROCA_DUR + 0.05) : total; }
+    var cam = [];
+    for (i = 0; i < n; i++) {
+        var c = PL.cenas[i], dur = c.dur + (i < n - 1 ? TROCA_DUR + 0.05 : 0), f = Math.max(1, Math.min(2.4, c.f || 1));
+        // a cena é montada em tempo NOMINAL (dur × f) e tocada f vezes mais rápido dentro de uma comp-embrulho: tudo entra nos primeiros ~35%
+        var comp = novaComp('CENA ' + i, W, H, dur * f, fps);
+        KIT.cenaComElemento = !!c.elemento; KIT.semAmbiente = !!c.semAmbiente || !{ cinetico: 1, gancho: 1, numero: 1, citacao: 1, particulas: 1, odometro: 1, relogio: 1, carimbo: 1 }[c.tipo];   // enfeite só onde há espaço livre de verdade (nada de herói em cima de janela, prompt ou botão) KIT.semRotulos = !!c.semRotulos; KIT.cenaHeroi = c.tipo == 'heroi' || c.tipo == 'revela'; KIT.titulosL = []; KIT.tituloB = null; KIT.t0 = starts[i]; KIT.cenaIdx = i; KIT.estilo = c.camera || PL.camera || 'deriva'; KIT.ajusteCena = c.ajuste || 1; KIT.f = f; KIT.entMax = 0;
+        var P = c.pal; KIT.pal = P;
+        P.fonteTitulo = PL.fontes.titulo; P.fonteTexto = PL.fontes.texto; P.fonteDestaque = PL.fontes.destaque;
+        if (!CENAS[c.tipo]) KIT.avisos.push('cena ' + i + ': tipo desconhecido ' + c.tipo);
+        (CENAS[c.tipo] || cenaGancho)(comp, P, c);
+        writeLn('ENTRADA ' + JSON.stringify({ cena: i, max: Math.round(kEntradaMax(comp) * 100) / 100, f: f, dur: c.dur }));
+        var alvo = comp;
+        if (f > 1.001) {
+            alvo = novaComp('CENA ' + i + ' T', W, H, dur, fps);
+            var R = alvo.layers.add(comp); R.stretch = 100 / f; R.startTime = 0; R.motionBlur = true;
+        }
+        KIT.f = 1;
+        var L = main.layers.add(alvo);
+        L.startTime = starts[i];
+        L.inPoint = starts[i];
+        L.outPoint = i < n - 1 ? Math.min(total, starts[i + 1] + TROCA_DUR + 0.05) : total;
+        L.motionBlur = true;
+        cam.push(L);
+    }
+    KIT.t0 = 0;   // as trocas usam o tempo do vídeo (o som() soma KIT.t0)
+    for (i = 1; i < n; i++) troca(cam[i - 1], cam[i], starts[i], (PL.trocas && PL.trocas[i - 1]) || 'encolhe', PL.cenas[i].pal.ac);
+    if (PL.legenda && PL.legenda.chunks && PL.legenda.chunks.length) legenda(main, PL.legenda.chunks, PL.legenda);
+    for (i = 0; i < KIT.avisos.length; i++) writeLn('AVISO ' + KIT.avisos[i]);
+    writeLn('ELEMENTOS ' + (KIT.nElem || 0));
+    writeLn('TOTAL ' + total);
+    return main;
+}