primocode 10.17.1 → 11.0.0

package/kits/pixel/elementos/Sprite.tsx

@@ -0,0 +1,33 @@
+// Sprite: personagem ou item em pixel art desenhado por grade de texto (cada letra = uma cor da paleta de 8 bits).
+// Pula, flutua ou gira em passos. Props: nome, x, y (centro), escala (px por pixel do sprite), movimento, inicio.
+import React from 'react';
+import {COR, mola, seg, useF} from './base';
+
+const PAL: Record<string, string> = {k: COR.noite, w: COR.creme, y: COR.amarelo, o: COR.laranja, m: COR.magenta, b: COR.azul, g: COR.verde, p: COR.roxo, s: COR.cinza};
+export const SPRITES: Record<string, string[]> = {
+  bloco: ['..kkkkkkkk..', '.kyyyyyyyyk.', 'kyyyyyyyyyyk', 'kyykkyykkyyk', 'kyykwyykwyyk', 'kyyyyyyyyyyk', 'kyoyyyyyyoyk', 'kyyykkkkyyyk', 'kyyyyyyyyyyk', '.kyyyyyyyyk.', '.kkk....kkk.', 'kkkkk..kkkkk'],
+  moeda: ['...kkkk...', '..kyyyyk..', '.kyywyyok.', 'kyywyyyyok', 'kywyyooyok', 'kywyyooyok', 'kyyyyyyyok', '.kyyyyook.', '..kooook..', '...kkkk...'],
+  coracao: ['.kkk...kkk.', 'kmmmk.kmmmk', 'kmwmmkmmmmk', 'kmwmmmmmmmk', 'kmmmmmmmmmk', '.kmmmmmmmk.', '..kmmmmmk..', '...kmmmk...', '....kmk....', '.....k.....'],
+  estrela: ['.....k.....', '....kyk....', '....kyk....', '...kywyk...', 'kkkkywyykkk', 'kyyywyyyyyk', '.kyyyyyyyk.', '..kyyyyyk..', '..kyykyyk..', '.kyykkkyyk.', '.kkk...kkk.'],
+  foguete: ['....k....', '...kwk...', '..kwwwk..', '..kwbwk..', '..kwwwk..', '..kwwwk..', '.kwwwwwk.', '.kwwwwwk.', 'kmkwwwkmk', 'kmk...kmk', '.k.kyk.k.', '...kyk...', '....k....'],
+  cogumelo: ['...kkkkkk...', '..kmmwwmmk..', '.kmmwwwwmmk.', 'kmmmwwwwmmmk', 'kwwmmmmmmwwk', 'kwwmmmmmmwwk', 'kkkkwwwwkkkk', '...kwkkwk...', '...kwwwwk...', '....kkkk....'],
+};
+export type SpriteProps = {
+  nome?: keyof typeof SPRITES | string; x?: number; y?: number; escala?: number; inicio?: number;
+  movimento?: 'pular' | 'flutuar' | 'parado'; espelhar?: boolean; /** troca a cor 'y' por outra (ex.: estrela verde) */ cor?: string; sombra?: boolean;
+};
+export const Sprite: React.FC<SpriteProps> = ({nome = 'bloco', x = 540, y = 760, escala = 40, inicio = 0, movimento = 'pular', espelhar = false, cor, sombra = true}) => {
+  const f = useF() - inicio;
+  const g = SPRITES[nome] ?? SPRITES.bloco;
+  const w = g[0].length, h = g.length;
+  const nasce = mola(seg(f, 0, 9));
+  const t = Math.max(0, f - 9);
+  const pulo = movimento === 'pular' ? Math.abs(Math.sin(t / 7.2)) * escala * 3.2 : movimento === 'flutuar' ? Math.sin(t / 8) * escala * 0.8 : 0;
+  const esc = Math.max(0.01, nasce);
+  const rects: React.ReactNode[] = [];
+  g.forEach((lin, j) => [...lin].forEach((ch, i) => { if (ch !== '.') rects.push(<rect key={`${i}-${j}`} x={i} y={j} width={1.02} height={1.02} fill={ch === 'y' && cor ? cor : PAL[ch]} />); }));
+  return <div style={{position: 'absolute', left: x - (w * escala) / 2, top: y - (h * escala) / 2 - pulo, width: w * escala, height: h * escala, transform: `scale(${esc * (espelhar ? -1 : 1)}, ${esc * (1 + (movimento === 'pular' ? Math.max(0, 0.12 - pulo / (escala * 12)) : 0))})`, transformOrigin: '50% 100%'}}>
+    {sombra && <div style={{position: 'absolute', left: '10%', right: '10%', bottom: -escala * 0.8 + pulo, height: escala * 0.6, background: 'rgba(29,43,83,0.35)'}} />}
+    <svg viewBox={`0 0 ${w} ${h}`} width={w * escala} height={h * escala} shapeRendering="crispEdges">{rects}</svg>
+  </div>;
+};

package/kits/pixel/elementos/TituloPixel.tsx

@@ -0,0 +1,31 @@
+// TituloPixel: 1 a 3 linhas enormes em Press Start 2P com contorno e sombra dura. Cada linha cai de cima em passos e quica.
+// `linhas`: texto (ou {texto, cor, tamanho}); as cores se alternam em COR.amarelo / COR.creme / COR.magenta.
+import React from 'react';
+import {COR, FONTE_TITULO, LARGURA_UTIL, caber, mola, seg, useF} from './base';
+
+export type LinhaPixel = string | {texto: string; cor?: string; tamanho?: number};
+export type TituloPixelProps = {linhas: LinhaPixel[]; inicio?: number; intervalo?: number; y?: number; tamanho?: number; cores?: string[]; fim?: number};
+
+const contorno = (c: string, n: number, sombra: number) => {
+  const p: string[] = [];
+  for (const [a, b] of [[1, 0], [-1, 0], [0, 1], [0, -1], [1, 1], [-1, -1], [1, -1], [-1, 1]]) p.push(`${a * n}px ${b * n}px 0 ${c}`);
+  for (let k = n; k <= sombra; k += n) p.push(`${k}px ${k + n}px 0 ${c}`);
+  return p.join(',');
+};
+
+export const TituloPixel: React.FC<TituloPixelProps> = ({linhas, inicio = 0, intervalo = 6, y = 700, tamanho = 130, cores = [COR.amarelo, COR.creme, COR.magenta], fim}) => {
+  const f = useF();
+  const L = linhas.map((l) => (typeof l === 'string' ? {texto: l} : l));
+  const tams = L.map((l) => caber(l.texto, l.tamanho ?? tamanho, LARGURA_UTIL - 40, FONTE_TITULO, 400, 0));
+  const passos = tams.map((t) => t * 1.35);
+  const total = passos.reduce((a, b) => a + b, 0);
+  let acc = y - total / 2;
+  return <>{L.map((l, i) => {
+    const topo = acc; acc += passos[i];
+    const t0 = inicio + i * intervalo;
+    const p = mola(seg(f, t0, t0 + 10), 2.2);
+    const sai = fim === undefined ? 0 : seg(f, fim + i * 2, fim + i * 2 + 8);
+    const cor = l.cor ?? cores[i % cores.length];
+    return <div key={i} style={{position: 'absolute', left: 0, right: 0, top: topo, textAlign: 'center', fontFamily: FONTE_TITULO, fontSize: tams[i], lineHeight: 1.1, color: cor, textShadow: contorno(COR.noite, Math.max(4, Math.round(tams[i] / 18)), Math.round(tams[i] / 7)), opacity: f >= t0 ? 1 - sai : 0, transform: `translateY(${(1 - p) * -520 - sai * 700}px) scale(${1 + (1 - p) * 0.25})`, whiteSpace: 'nowrap'}}>{l.texto}</div>;
+  })}</>;
+};

package/kits/pixel/elementos/base.ts

@@ -0,0 +1,79 @@
+// Base do kit pixel: 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/pressstart2p.woff2';
+import fonte1 from '../assets/fontes/vt323.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 = {
+  "ceu": "#29ADFF",
+  "noite": "#1D2B53",
+  "creme": "#FFF1E8",
+  "amarelo": "#FFEC27",
+  "laranja": "#FFA300",
+  "magenta": "#FF004D",
+  "verde": "#00E436",
+  "roxo": "#7E2553",
+  "azul": "#29ADFF",
+  "cinza": "#83769C"
+};
+
+// ---------- fonte ----------
+export const FONTE_TITULO = '"PX Press Start 2P", monospace';
+export const FONTE_TEXTO = '"PX VT323", monospace';
+const FONTES: [string, string, string][] = [['PX Press Start 2P', fonte0, '400'], ['PX VT323', fonte1, '400']];
+if (typeof document !== 'undefined' && !(globalThis as Record<string, unknown>).__k_pixel) {
+  (globalThis as Record<string, unknown>).__k_pixel = true;
+  const h = delayRender('pixel: 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 = 3;
+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 ~2.2) */
+export const mola = (t: number, s = 2.2) => { 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 (124 bpm) em quadros */
+export const BATIDA = 14.52;
+
+// ---------- 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/pixel/elementos/index.ts

@@ -0,0 +1,17 @@
+// Tudo que o kit pixel 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 {CaixaDialogo} from './CaixaDialogo';
+export {ChuvaDeSprites} from './ChuvaDeSprites';
+export {HudPlacar} from './HudPlacar';
+export {MenuPixel} from './MenuPixel';
+export {Sprite} from './Sprite';
+export {TituloPixel} from './TituloPixel';
+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/pixel/exemplos/plano.json

@@ -0,0 +1,309 @@
+{
+  "kit": "pixel",
+  "roteiro": "exemplos/roteiro.md",
+  "duracao": 240,
+  "trilha": {
+    "volume": 0.5
+  },
+  "cenas": [
+    {
+      "batida": "gancho",
+      "de": 0,
+      "ate": 46,
+      "entrada": "nenhuma",
+      "naTela": "\"PRONTO / PARA / JOGAR?\" gigante",
+      "camadas": [
+        {
+          "elemento": "TituloPixel",
+          "props": {
+            "linhas": [
+              "PRONTO",
+              "PARA",
+              {
+                "texto": "JOGAR?",
+                "cor": "#FF004D"
+              }
+            ],
+            "inicio": 2,
+            "intervalo": 7,
+            "y": 760,
+            "tamanho": 190
+          }
+        }
+      ],
+      "socos": [
+        20
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": 0
+        },
+        {
+          "som": "pop-palavra",
+          "em": 3
+        },
+        {
+          "som": "pop-palavra",
+          "em": 10
+        },
+        {
+          "som": "impacto",
+          "em": 19
+        }
+      ]
+    },
+    {
+      "batida": "virada",
+      "de": 46,
+      "ate": 90,
+      "entrada": "zoom",
+      "naTela": "bloco pulando + HUD + \"BLOCO BROS\"",
+      "camadas": [
+        {
+          "elemento": "HudPlacar",
+          "props": {
+            "pontos": 48500,
+            "vidas": 3,
+            "fase": "1-1",
+            "inicio": 2
+          }
+        },
+        {
+          "elemento": "Sprite",
+          "props": {
+            "nome": "bloco",
+            "x": 540,
+            "y": 820,
+            "escala": 40,
+            "inicio": 3
+          }
+        },
+        {
+          "elemento": "TituloPixel",
+          "props": {
+            "linhas": [
+              "BLOCO",
+              "BROS"
+            ],
+            "inicio": 8,
+            "intervalo": 6,
+            "y": 1160,
+            "tamanho": 130,
+            "cores": [
+              "#FFEC27",
+              "#FFF1E8"
+            ]
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": -1
+        },
+        {
+          "som": "pop-palavra",
+          "em": 4
+        },
+        {
+          "som": "pop-palavra",
+          "em": 10
+        }
+      ]
+    },
+    {
+      "batida": "problema",
+      "de": 90,
+      "ate": 130,
+      "entrada": "direita",
+      "naTela": "caixa de RPG: \"100 FASES. ZERO PAUSA!\"",
+      "camadas": [
+        {
+          "elemento": "Sprite",
+          "props": {
+            "nome": "estrela",
+            "x": 800,
+            "y": 330,
+            "escala": 16,
+            "inicio": 2,
+            "movimento": "flutuar"
+          }
+        },
+        {
+          "elemento": "CaixaDialogo",
+          "props": {
+            "texto": "100 FASES. ZERO PAUSA!",
+            "nome": "BLOCO",
+            "inicio": 1,
+            "ritmo": 1,
+            "y": 860,
+            "tamanho": 170
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "whoosh-entra",
+          "em": -1
+        },
+        {
+          "som": "pop-cartao",
+          "em": 3
+        },
+        {
+          "som": "tick",
+          "em": 10
+        },
+        {
+          "som": "tick",
+          "em": 16
+        },
+        {
+          "som": "tick",
+          "em": 22
+        }
+      ]
+    },
+    {
+      "batida": "lista",
+      "de": 130,
+      "ate": 168,
+      "entrada": "esquerda",
+      "naTela": "menu: 4 MUNDOS / CO-OP / GRÁTIS",
+      "camadas": [
+        {
+          "elemento": "MenuPixel",
+          "props": {
+            "itens": [
+              "4 MUNDOS",
+              "CO-OP",
+              "GRATIS"
+            ],
+            "inicio": 0,
+            "troca": 9,
+            "y": 760,
+            "tamanho": 84
+          }
+        },
+        {
+          "elemento": "Sprite",
+          "props": {
+            "nome": "cogumelo",
+            "x": 540,
+            "y": 1170,
+            "escala": 18,
+            "inicio": 6,
+            "movimento": "pular"
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "swoosh",
+          "em": -1
+        },
+        {
+          "som": "pop-cartao",
+          "em": 2
+        },
+        {
+          "som": "clique",
+          "em": 13
+        },
+        {
+          "som": "clique",
+          "em": 22
+        }
+      ]
+    },
+    {
+      "batida": "data",
+      "de": 168,
+      "ate": 202,
+      "entrada": "zoom",
+      "naTela": "\"DIA 14 NOV\" sobre chuva de moedas",
+      "camadas": [
+        {
+          "elemento": "ChuvaDeSprites",
+          "props": {
+            "nomes": [
+              "moeda",
+              "estrela",
+              "coracao"
+            ],
+            "quantidade": 18,
+            "escala": 10
+          }
+        },
+        {
+          "elemento": "TituloPixel",
+          "props": {
+            "linhas": [
+              "DIA",
+              {
+                "texto": "14 NOV",
+                "cor": "#FFEC27"
+              }
+            ],
+            "inicio": 2,
+            "intervalo": 6,
+            "y": 760,
+            "tamanho": 210,
+            "cores": [
+              "#FFF1E8",
+              "#FFEC27"
+            ]
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "subida",
+          "em": -12,
+          "volume": 0.6
+        },
+        {
+          "som": "impacto",
+          "em": 2
+        },
+        {
+          "som": "pop-palavra",
+          "em": 8
+        }
+      ]
+    },
+    {
+      "batida": "marca",
+      "de": 202,
+      "ate": 240,
+      "entrada": "subir",
+      "naTela": "logo \"BLOCO BROS\" + PRESS START + bloco.exemplo",
+      "camadas": [
+        {
+          "elemento": "AssinaturaMarca",
+          "props": {
+            "linhas": [
+              "BLOCO",
+              "BROS"
+            ],
+            "detalhe": "PRESS START",
+            "endereco": "BLOCO.EXEMPLO",
+            "sprite": "bloco",
+            "inicio": 0
+          }
+        }
+      ],
+      "sons": [
+        {
+          "som": "assinatura",
+          "em": 2
+        },
+        {
+          "som": "clique",
+          "em": 24
+        }
+      ]
+    }
+  ]
+}

package/kits/pixel/exemplos/roteiro.md

@@ -0,0 +1,20 @@
+# Roteiro de demonstração · "Bloco Bros" (fictício)
+
+Pedido: *"um reels de 8 s anunciando o lançamento do Bloco Bros, jogo de plataforma grátis, dia 14 de novembro. Estilo videogame de 8 bits."*
+
+Sem narração: os cortes seguem a trilha (1 batida = 14.52 quadros).
+
+| # | batida | quadros | na tela | elemento | som |
+|---|---|---|---|---|---|
+| 1 | gancho | 0–46 | "PRONTO / PARA / JOGAR?" gigante | TituloPixel | whoosh-entra, pop-palavra, impacto |
+| 2 | virada | 46–90 | bloco pulando + HUD + "BLOCO BROS" | HudPlacar + Sprite + TituloPixel | whoosh-entra, pop-palavra |
+| 3 | problema | 90–130 | caixa de RPG: "100 FASES. ZERO PAUSA!" | Sprite + CaixaDialogo | whoosh-entra, pop-cartao, tick |
+| 4 | lista | 130–168 | menu: 4 MUNDOS / CO-OP / GRÁTIS | MenuPixel + Sprite | swoosh, pop-cartao, clique |
+| 5 | data | 168–202 | "DIA 14 NOV" sobre chuva de moedas | ChuvaDeSprites + TituloPixel | subida, impacto, pop-palavra |
+| 6 | marca | 202–240 | logo "BLOCO BROS" + PRESS START + bloco.exemplo | AssinaturaMarca | assinatura, clique |
+
+Como a IA chegou nisso:
+1. Cortou em frases de 1–3 palavras e deu uma cena de 30–45 quadros a cada uma.
+2. Pegou as batidas obrigatórias (gancho, virada, marca) e as opcionais do pedido (problema como fala, lista, data).
+3. Encaixou os cortes nas batidas de 124 bpm (14,5 quadros) e variou o elemento de cada cena.
+4. Escreveu `plano.json`; `preview.tsx` passa para `Montagem`.

package/kits/pixel/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-pixel`.
+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: 150, Componente: Preview};

package/kits/pixel/receita.json

@@ -0,0 +1,175 @@
+{
+  "kit": "pixel",
+  "fps": 30,
+  "batida_trilha_quadros": 14.52,
+  "duracao_video_s": [
+    6,
+    60
+  ],
+  "ordem_sugerida": [
+    "gancho",
+    "virada",
+    "problema",
+    "lista",
+    "data",
+    "marca"
+  ],
+  "batidas": [
+    {
+      "nome": "gancho",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        75
+      ],
+      "elementos": [
+        "TituloPixel"
+      ],
+      "entrada": [
+        "nenhuma"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "pop-palavra",
+        "impacto"
+      ],
+      "nota": "pergunta curta em 1–2 linhas gigantes; a segunda cai com soco de câmera."
+    },
+    {
+      "nome": "virada",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        90
+      ],
+      "elementos": [
+        "Sprite",
+        "HudPlacar",
+        "TituloPixel"
+      ],
+      "entrada": [
+        "zoom",
+        "subir"
+      ],
+      "sons": [
+        "whoosh-entra",
+        "pop-palavra"
+      ],
+      "nota": "o personagem entra pulando; o nome do produto aparece como texto."
+    },
+    {
+      "nome": "problema",
+      "obrigatoria": false,
+      "duracao": [
+        40,
+        100
+      ],
+      "elementos": [
+        "CaixaDialogo",
+        "Sprite"
+      ],
+      "entrada": [
+        "direita"
+      ],
+      "sons": [
+        "pop-cartao",
+        "tick"
+      ],
+      "nota": "uma fala curta digitada na caixa de RPG."
+    },
+    {
+      "nome": "lista",
+      "obrigatoria": false,
+      "duracao": [
+        36,
+        75
+      ],
+      "elementos": [
+        "MenuPixel"
+      ],
+      "entrada": [
+        "esquerda"
+      ],
+      "sons": [
+        "pop-cartao",
+        "clique"
+      ],
+      "nota": "3–4 itens; a seta passa por todos."
+    },
+    {
+      "nome": "data",
+      "obrigatoria": false,
+      "duracao": [
+        30,
+        70
+      ],
+      "elementos": [
+        "TituloPixel",
+        "ChuvaDeSprites"
+      ],
+      "entrada": [
+        "zoom"
+      ],
+      "sons": [
+        "subida",
+        "impacto"
+      ],
+      "nota": "dia e lugar em título gigante sobre chuva de moedas."
+    },
+    {
+      "nome": "marca",
+      "obrigatoria": true,
+      "duracao": [
+        40,
+        120
+      ],
+      "elementos": [
+        "AssinaturaMarca"
+      ],
+      "entrada": [
+        "subir"
+      ],
+      "sons": [
+        "assinatura",
+        "clique"
+      ],
+      "nota": "sempre a última: logo em blocos + PRESS START."
+    }
+  ],
+  "transicoes": [
+    {
+      "nome": "subir",
+      "quadros": 12,
+      "como": "entra 300 px de baixo em passos de 3 quadros; a anterior sai 260 px para cima"
+    },
+    {
+      "nome": "zoom",
+      "quadros": 12,
+      "como": "entra de 1,9x para 1"
+    },
+    {
+      "nome": "direita",
+      "quadros": 12,
+      "como": "entra 900 px da direita"
+    },
+    {
+      "nome": "esquerda",
+      "quadros": 12,
+      "como": "entra 900 px da esquerda"
+    },
+    {
+      "nome": "nenhuma",
+      "quadros": 0,
+      "como": "os elementos entram sozinhos (gancho)"
+    }
+  ],
+  "camera": {
+    "deriva": "sempre",
+    "socos": "início de cada cena + palavra grande"
+  },
+  "trilha": {
+    "arquivo": "assets/trilha/trilha.mp3",
+    "volume": 0.5,
+    "com_narracao": 0.25
+  }
+}