# Roteiro das 11 cenas da recriação (On My Way do @subzmotion)

> Data: 2026-10-17 · Tipo: guia · Status: vigente

**Resumo:** o que cada cena precisa ter, em que tempo, com quais textos (nossos) e como encaixa na vizinha. Original: `05-pesquisa/referencias/2026-10-17-subzmotion/midia/05-DeMZpQ5gv-t.mp4` (1080×1080, 24 qps, 814 quadros). Decupagem: `.../evidencias/05-on-my-way.md`. **Atualização 17/10 (pedido do autor):** o vídeo é edit de música em inglês, então a interface fica **em inglês igual ao original** e os campos de letra mostram **a mesma letra** do original. Esses campos leem de `ae/letra.json` (um slot por campo, com tempos e nº de palavras; o autor cola a letra; vazio = texto reserva em inglês) por `ae/letra.jsx`. O Claude não escreve letra de música. Pessoas continuam personagens originais nossos.

## Contrato técnico (vale para todas)

- Cada cena = comp **"CENA <id>"**, 1080×1080, 24 qps, **33,9167 s (814 quadros) e tempo interno = tempo do vídeo** (nada de deslocar a comp no tempo). Motion blur ligado na comp e em toda camada que se mexe.
- **Mundo da cena** = a tela do original no instante de referência `ref`. Com a câmera em identidade (zoom 0, mira 540,540, giro 0) a comp tem que mostrar o mesmo quadro do original em `ref`. A interface se estende além do quadro onde a câmera passa (ver "pegada" no `camera/cena-<id>.json`).
- Câmera: `ae/camera.jsx` → `CAMERA_criar(comp, ".../camera/cena-<id>.json")` cria o null **CAM**; todo o mundo é filho dele. As chaves vêm da medição do original (já limpas); onde o quadro não bater com o original, corrija os keyframes dos controles do CAM.
- Digitação: `ae/digitar.jsx` → `DIGITAR(camada, palavras, inícios, fim, op)`. Tempos de palavra abaixo (medidos na voz).
- Zoom alto (> 3×) só com camada vetorial (forma, texto); PNG de interface em 3× do tamanho do mundo (escala 33,3%).
- **Encaixe** (cena vizinha dentro desta): comp provisória **"ENCAIXE <id-da-vizinha>"** 1080×1080 (sólido cinza + nome escrito), posta com `CAMERA_encaixe` usando `camera/encaixes.json` no instante da troca. Na troca ela tem que encher a tela exatamente, sem máscara visível; depois anima (máscara que arredonda, escala, borda) como no original. Na montagem final a provisória é trocada pela cena real.

## Cenas

| id | Tempo | ref | O que é (copiar do original) |
|---|---|---|---|
| A-agenda | 0,00–2,62 | 2,58 | Google Agenda escuro: chip lilás do evento → visão do dia → app inteiro com cartão de detalhes |
| B-docs | 2,62–4,95 | 4,875 | Docs/Chrome escuro, menu, busca em pílula, fundo preto com estrelas; globo com 2 palavras curvas |
| C-alttab | 4,95–6,04 | 5,50 | Área de trabalho do Windows com papel de parede (retrato nosso) + barra do alt-tab com 2 miniaturas |
| D-spotify | 6,04–8,05 | 8,00 | Janela do Spotify com a letra em tela cheia (fundo azul), karaokê palavra a palavra |
| E-notas | 8,05–10,80 | 9,50 | Notas do Instagram (4 avatares com balões) + linha de conversa embaixo |
| F-jornal1 | 10,80–16,62 | 16,40 | Jornal moderno 3D em mesa de madeira, 2 páginas, manchetes digitadas |
| G-google | 16,62–18,95 | 18,80 | Busca do Google escura com painel de conhecimento e grade de imagens |
| H-mapa | 18,95–22,30 | 22,20 | Mapa de satélite estilo jogo com 2 marcadores (avatar + etiqueta-seta) |
| I-imagens | 22,30–24,62 | 24,58 | Busca de imagens (céu laranja) + resultado de vídeo com palavras grifadas em azul |
| J-jornal2 | 24,62–28,00 | 27,90 | Jornal antigo 3D (foto P&B de olhos), manchete alta, papel queimando |
| K-maps | 28,00–33,875 | 30,90 | Google Maps claro com 2 pinos-avatar, caixa de busca, avatar andando na estrada |

## Encaixes (de `camera/encaixes.json`)

| Troca | Quem entra onde | O "buraco" no original |
|---|---|---|
| 2,62 | A dentro de B | ícone do app à esquerda do menu (a janela da agenda encolhe até virar o fundo do ícone; a esfera azul fica por cima) |
| 4,95 | B dentro de C | miniatura 1 do alt-tab (borda ciano) |
| 4,95–6,04 | D dentro de C | miniatura 2 do alt-tab; a seleção pula para ela (~5,7) e a janela abre até a tela cheia em 6,04 (leve inclinação 3D) |
| 8,05 | D dentro de E | avatar "Sua nota" (máscara retângulo → círculo entre 8,04 e 8,42) |
| 10,80 | E dentro de F | foto da página 1 do jornal (depois a foto troca por cortina de baixo para cima) |
| 16,62 | F dentro de G | ícone do app no "Ver resultados sobre" (a página dupla vira quadrado arredondado; a arte do ícone desliza por cima) |
| 18,95 | G dentro de H | marcador redondo do avatar 1 (a página vira quadrado arredondado com borda amarela e encolhe para o círculo) |
| 22,30 | H dentro de I | 1ª imagem da grade (antes, em H, uma miniatura vermelha nasce na etiqueta branca, 22,05–22,30) |
| 24,62 | I dentro de J | figura pequena da página do jornal |
| 28,00 | J dentro de K | pino-avatar 1 (a foto da mesa vira quadrado arredondado → círculo do pino) |

## Textos da tela e tempos de palavra

**Superado em 17/10:** os textos em português abaixo foram a 1ª versão; agora valem os slots de `ae/letra.json` (mesmos campos e tempos) e a interface em inglês. A lista fica como mapa de campos e tempos.

Tempos em segundos = início de cada palavra na voz. "fim" = quando a digitação termina (copiado do original).

- **A, chip do evento** (5): Revisar · a · timeline · do · cliente — 0,00 0,18 0,42 0,74 0,96, fim 1,20. Horário fixo "2:30 – 3:30pm". Em ~1,25 o evento ganha check e risco.
- **A, 2º evento** (4): Ajustar · curvas · e · cores — 1,52 1,82 1,90 2,12, fim 2,30. Horário "3:30 – 4:30pm".
- **A, título do cartão** (1): MOTION — 2,33, fim 2,54 (caixa alta, como no original). Linhas do cartão: "sábado, 3 de outubro · 3:30 – 4:30pm", "Hoje", "estúdio.quadro", "Livre", "Particular", botão "Marcar como concluída".
- **B, busca** (4): publicar · o · reel · no — 2,80 3,12 3,48 3,80, fim 4,10.
- **B, globo** (2, curvas em volta do globo): MUNDO · TODO — entram com o globo, 4,42–4,62.
- **D, letra no Spotify** (9 linhas; acesas: 5 e 6): 1 "Ninguém viu o rascunho" · 2 "Começou num quadro vazio" · 3 "Depois veio a primeira curva" · 4 "E o projeto pegou ritmo" · **5 "Tudo em movimento"** (acende 5,94 6,20 6,58) · **6 "nada fica parado"** (acende 7,36 7,70 8,02) · 7 "A câmera anda o tempo inteiro" · 8 "O som chega junto com a imagem" · 9 "E o render sai na hora certa". Busca do topo: "O que você quer ouvir?".
- **E, notas**: nota 1 (música) "♪ MADRUGADA / lo-fi" (@lu.motion); nota 2 digitada (3): RENDER · EM · ANDAMENTO — 8,34 8,60 8,68, fim 8,95 (@o.produtor); nota 3 digitada (2): QUASE · PRONTO — 9,54 9,92, fim 10,25 (@mari.frames); nota 4 (música) "♪ TRILHA NOVA / estúdio" (@seu.perfil). Linha de conversa: "Render Farm ✓ · 2 novas mensagens · 14 h" com ícone redondo amarelo nosso. "Sua nota" no 1º avatar.
- **F, jornal "DIÁRIO DO QUADRO"** (4 manchetes de 3): PRIMEIRO CORTE APROVADO. (10,52 11,44 11,86, digita 11,20–12,25) · CLIENTE PEDE MAIS. (12,56 12,88 13,24, digita 13,00–14,00) · ESTÚDIO VIRA NOITE (14,04 14,44 14,84, digita 14,50–15,30) · ENTREGA NO PRAZO (15,18 15,64 16,10, digita 15,75–16,30). Selos: "AO VIVO", "BASTIDORES"; linha "EDIÇÃO ESPECIAL | 6 DE OUTUBRO DE 2026"; corpo em texto corrido nosso sobre motion.
- **G, busca** (1): motion — 16,54 (digita 17,20–17,60). Painel (3): Motion · design · brasileiro — 17,54 18,02 18,48 (digita 18,00–18,60); subtítulo "Técnica de animação". Chip "Ver resultados sobre · Estúdio Quadro · App de vídeo".
- **H, etiqueta amarela** (4): ONDE · FICA · O · ESTÚDIO? — 18,78 19,14 19,48 19,90 (digita 19,20–20,30). **Etiqueta branca** (5): VIRA · À · DIREITA · NA · PONTE — 20,64 21,10 21,50 21,64 22,02 (digita 20,80–22,20). Nomes no mapa: "Vila Render", "Morro Alto", "Vale Verde".
- **I, título** (3): céu · de · outubro — 22,38 22,66 23,16 (digita 22,60–23,40). **Resultado de vídeo**: "Céu de outubro ganha cor no fim da tarde" com "ganha · cor · no · fim" grifados em azul em 23,58 24,22 24,52 24,76; canal "YouTube · estúdio.quadro"; créditos inventados ("Direção: Ana Lima · Produção: Caio Reis · Motion: Bia Torres").
- **J, jornal "GAZETA DO ESTÚDIO"** manchete (6): O · VÍDEO · VIRALIZOU · EM · UM · DIA — 25,48 25,56 26,00 26,94 27,36 27,58 (digita 25,70–27,70). Linhas: "OLHOS NA TELA", "UMA IDEIA. UM QUADRO. UM MOVIMENTO."
- **K, rótulo do pino 1** (1): AQUI… — 28,06. **Busca** (7): estúdio · de · motion · aberto · agora · perto · daqui — 28,84 29,32 29,78 30,10 30,46 30,88 31,20 (digita 29,40–30,40). **Rótulo do pino 2** (2): PERTO · DAQUI.. (aparece 31,00–32,30). **Texto azul ao lado do avatar 2** (5): Entrega · marcada · para · as · seis — 31,64 32,34 32,84 32,94 33,30 (digita 32,50–33,30). Lugares: "Praça do Relógio", "SP-332", "SP-101", "Gruta da Pedra Branca".

## Pessoas e imagens nossas (GPT Image 2 pelo `08-integracoes/codex-imagem.py`)

Avatares: @lu.motion (mulher jovem, luz suave rosada), @o.produtor (homem de boné e fone, tons azul-escuros), @mari.frames (mulher de cabelo dourado, luz quente laranja, pose pensativa), @seu.perfil (pessoa de roupa escura, fundo neutro). Papel de parede do Windows = retrato grande do @o.produtor. Fotos do jornal 1: estúdio de motion à noite, monitores com luz azul-laranja (3 cenas). Mesa de madeira escura vista de cima. Mapa de satélite estilo jogo (vila, campos, estradas). 4 fotos de céu laranja/vermelho. Foto P&B antiga de olhos (pessoa original). Arte do ícone "Estúdio Quadro". Grade do painel do Google: 4 imagens de motion design (renders abstratos, telas animadas). Nada de rosto de pessoa real conhecida, nada de marca de jogo.