# Paper August — Repositório Full-Text de Papers Oficiais # Autor: Augusto Igor (@oaugustoigor) # Website: https://paper.oaugustoigor.com.br/ --- # PAPER 01: Como criar vídeos de motion design com JavaScript e IA, sem After Effects - URL: https://paper.oaugustoigor.com.br/artigos/motionjs-javascript-ia - Categoria: Motion Design & Código - Data: 18 de Outubro de 2026 O segredo não é pedir a uma IA que “faça um vídeo bonito”. É construir um sistema no qual cada movimento, cada posição e cada frame podem ser descritos, reproduzidos e inspecionados. No MotionJS, você define uma função do tempo: f(t) → quadro visual. O instante t = 3.5 segundos deve sempre produzir exatamente a mesma composição. Fluxo: roteiro → cenas JavaScript → Canvas → Chrome Headless → frames → FFmpeg → MP4. Preparação do ambiente: Node.js, Playwright e FFmpeg. Validações de qualidade automatizadas: TEXT FIT, BOUNDARIES, OVERLAP, SAFE ZONES (15% topo, 20% rodapé para Reels/TikTok), CONTRAST, MOTION e RENDER. --- # PAPER 02: Google Flow na prática: como dirigir vídeos com IA sem depender de prompts aleatórios - URL: https://paper.oaugustoigor.com.br/artigos/google-flow-videos-ia - Categoria: Vídeo & IA - Data: 18 de Outubro de 2026 Um vídeo gerado por IA costuma falhar menos por falta de palavras no prompt e mais por falta de direção: ninguém definiu o enquadramento, a ação, o ponto de partida e o que não poderia mudar. Pense em planos, não em um filme inteiro: divida vídeos curtos em blocos de 8 segundos com ficha técnica de câmera e restrições. Estrutura de prompt profissional em 6 blocos: ASSUNTO, AÇÃO, AMBIENTE, CÂMERA, LUZ E ESTILO, e RESTRIÇÕES. Uso de frames de início e fim para transições suaves e estabilidade geométrica. Arquitetura híbrida: Google Flow para cinematografia + MotionJS para tipografia e interface. --- # PAPER 03: Magnific na produção de vídeos com IA: do frame de referência ao acabamento profissional - URL: https://paper.oaugustoigor.com.br/artigos/magnific-workflow-video-ia - Categoria: Pós-Produção & IA - Data: 18 de Outubro de 2026 Um vídeo pode estar em alta resolução e continuar com aparência ruim. Qualidade de produção é consistência de personagem, continuidade, composição, iluminação e controle sobre o que mudou entre versões. Três fases de produção: Pré-produção (styleframes e character sheet), Produção (geração de movimento em Flow ou geradores de vídeo) e Pós-produção (diagnóstico com FFprobe, upscaling seletivo e eliminação de flicker temporal). Upscaling não deve ser usado sobre screenshots com textos importantes: recrie tipografia com código determinístico. Pipeline integrada: Magnific (referências) → Flow (movimento) → Magnific (refinamento) → MotionJS (elementos vetoriais e CTA) → FFmpeg (render final). --- # PAPER 04: Como criamos um filme de motion design com IA e código: o making of de 30 segundos determinísticos - URL: https://paper.oaugustoigor.com.br/artigos/making-of-motion-design-ia-codigo - Categoria: Motion Design & Código - Data: 18 de Outubro de 2026 Estudo de caso e making of completo de uma narrativa visual vertical de 30 segundos (900 frames a 30 FPS) inspirada no consagrado filme Google Gemini da Ordinary Folk. Regra de ouro: eliminar os slides animados e criar uma sequência contínua onde cada elemento nasce do corpo do anterior. Pipeline em duas camadas: 1. Camada de IA Generativa: Google Flow (Nano Banana 2.1) gerando a prancha de personagem 360 graus em 8 ângulos fixos + Magnific Spaces conectando o vídeo de movimento original e a imagem de referência ao nó Wan 3.0 (720p vertical, 15s). 2. Camada MotionJS Studio Engine: interpolação analítica f(t) no HTML5 Canvas, captura determinística via Playwright em Chromium Headless e exportação em FFmpeg. Cenas: - Cena 01 (00-04s): Scanline Wipe revelando o personagem de IA no mesmo microssegundo de movimento, tipografia em profundidade com spring physics. - Cena 02 (04-09s): Barra de prompt digitando em tempo real, desdobramento da prancha em 3 vistas com stagger de 150ms e zoom acelerado 2.2x. - Cena 03 (09-15s): Nós do Magnific Spaces com curvas de Bezier ativas e câmera gráfica 2D. - Cena 04 (15-20s): WAN 3.0 com cards técnicos e clique de cursor vetorial. - Cena 05 (20-26s): Alça tátil interativa provando preservação de 100% da ação. - Cena 06 (26-30s): Chamada para ação com hold estático obrigatório de 1.8 segundos sem oscilações. Design de som sincronizado milissegundo a milissegundo com síntese de microeventos. Auditoria de 7 Quality Gates aprovada: Structural, Safezones, Contrast WCAG AA (5.57:1), Typography, Overlap, Motion e Hold.