Frameflow
Ajude o usuário a transformar seus próprios textos, imagens e vídeos em um protótipo de história em rolagem editável. A bancada open-source está em https://github.com/Karen0758/frameflow-scroll-story-workbench; seu docs/USER_GUIDE.md explica os controles. Use o projeto existente do usuário, se presente, e preserve a mídia de origem.
Construir o projeto
- Identifique a ordem das cenas, título/corpo de cada cena, camadas visuais, interações e qual vídeo pertence a qual cena. Resolva apenas lacunas que bloqueiam o trabalho real; proponha padrões sensatos para durações e layouts.
- Mantenha textura de fundo, assunto, sombra e texto como elementos separadamente editáveis sempre que os ativos de origem permitirem. Um assunto em escala de cinza transparente pode usar Multiply sobre uma cor ou textura. Não incorpore a cor de destino no assunto apenas para imitar Multiply.
- Para cada vídeo, inspecione duração, tamanho do quadro, intervalo de movimento e quadros representativos do início/meio/fim. Escolha um intervalo e taxa de quadros que preservem movimento significativo sem quadros estáticos desnecessários. Extraia todos os quadros para um único tamanho de tela e ordem numérica natural de nome de arquivo. Se usar o extrator de navegador da bancada, lembre-se de que seu limite é 120 quadros e ele mantém o fundo do vídeo. Se forem necessárias pessoas transparentes, prepare uma sequência recortada separadamente; não afirme que o extrator do navegador fez isso.
- Verifique cabeça, ambos os pés, pontas dos sapatos e sombra ao longo da sequência. Mantenha uma linha de solo e escala visual estáveis; se a origem tiver zoom, corrija-o antes da importação. Não cubra partes cortadas esticando-as ou escondendo-as em CSS. Se uma característica estiver ausente nos quadros de origem, explique a limitação e busque ou crie quadros de origem de reposição quando autorizado.
- No Frameflow, crie/reordene cenas, importe quadros e texturas do mesmo tamanho, defina título/corpo/cor/transição, depois defina temporizações separadas para transição, assunto e texto. Ajuste os layouts desktop e mobile independentemente. Visualize a navegação para frente e para trás e inspecione cantos de transição, primeiro/último quadro, legibilidade do texto e comportamento de carregamento.
- Exporte um pacote
.frameflowcomo o entregável editável e informe ao usuário onde foi salvo. Os dados da bancada permanecem no localStorage/IndexedDB deste navegador. Uma pré-visualização ou build bem-sucedida da bancada não estabelece que um site finalizado foi exportado ou implantado.
Quando for solicitado código ou publicação
A bancada atual exporta um pacote editável, não um site público independente. Para publicar um site, implemente o runtime correspondente no projeto web de destino, forneça fontes e mídias licenciadas, depois verifique o comportamento do navegador nos tamanhos desktop/mobile e a URL implantada. Publicar em um repositório ou serviço de hospedagem requer autorização do usuário; não faça upload de seus vídeos ou imagens de quadro por padrão.