Crescimento em vez de destruição: uma orquídea negra desdobra pétala por pétala sob o rolagem do visitante, e o soro é extraído do seu coração. Para marcas de beleza e botânicas.
Você está construindo um site de página única, nível premiado, "cinematográfico de rolagem". Trabalhe de forma autônoma do início ao fim: gere os ativos com o conector Higgsfield, depois construa e execute o site com o seu agente de código. Sem planos, sem placeholders.
O PRODUTO (casa de skincare fictícia): NOX BOTANICA, um soro noturno extraído de uma orquídea negra que floresce uma vez. Slogan: "Cultivada no escuro." O momento herói é CRESCIMENTO: um botão fechado de orquídea negra, sob luz lunar em uma estufa escura, desdobra-se pétala por pétala à medida que o visitante rola, orvalho formando e rolando, até a flor estar totalmente aberta; então uma única gota luminosa sobe do seu coração e cai em um frasco de vidro escuro.
A TÉCNICA (siga exatamente): O efeito de rolagem 3D NÃO é Three.js. É um scrub de sequência de imagens em canvas: clipes de vídeo divididos em quadros, a posição de rolagem dirige qual quadro é pintado em um canvas de viewport completo.
ATIVOS (conector Higgsfield): 1. UMA imagem âncora 16:9: "Um único botão fechado de orquídea negra em um caule esguio dentro de uma estufa vitoriana escura à noite, luz lunar fria através do vidro, orvalho nas pétalas, tons verde-escuro a preto, fotografia botânica macro, fotorrealista, sem texto, sem marca d'água." Melhor modelo de imagem no catálogo. 2. Com a âncora como referência de imagem em cada clipe, três clipes de imagem-para-vídeo de 10 segundos, 1080p, 16:9: CLIPE A "a floração": timelapse da orquídea negra desdobrando-se pétala por pétala, gotas de orvalho formando e rolando, luz lunar mudando sutilmente, terminando totalmente aberta e mantendo. CLIPE B "a essência": do centro da flor aberta, uma única gota luminosa sobe, pendura, depois cai em câmera lenta em um pequeno frasco de soro de vidro escuro que sobe para o quadro, um brilho suave se espalhando pelo vidro ao cair. CLIPE C "a macro": macro extremo sobre a superfície da pétala, textura de veludo, uma gota de orvalho atuando como lente, depois o conta-gotas do frasco liberando uma gota brilhante. 3. Baixe os MP4s.
QUADROS: ffmpeg, 150 quadros por clipe, 1600px de largura, qualidade JPEG 3, nomeação frames/bloom/frame_0001.jpg. Confirme a existência dos arquivos primeiro.
O SITE (HTML/CSS/JS puro, Lenis via CDN, pré-carregador como uma linha de caule esguio crescendo com porcentagem, capítulos de scrub fixos em 100vh com suavização lerp): 1. HERÓI: a floração faz scrub enquanto "NOX" se define em uma serifa de alta moda com espaçamento amplo entre letras, sobrelinha "BOTANICA. CULTIVADA NO ESCURO." A flor abre exatamente na velocidade em que o visitante rola. 2. A ESSÊNCIA: clipe B faz scrub; chamadas desaparecem com linhas de liderança prateadas finas: UMA FLORAÇÃO por estação. Prensada a frio dentro da hora. 12 PÉTALAS, uma gota. 30 ML, numerado. 3. A MACRO: clipe C faz scrub sobre veludo e vidro. 4. O RITUAL: grade minimalista de três etapas, noite, pele, manhã. 5. CTA: "Junte-se à primeira colheita", campo de e-mail, letras pequenas. Direção de arte: verde-escuro #0A0F0C, texto prata lunar #DDE4DC, acento violeta de orquídea #8E7BB8 usado apenas no coração da flor; serifa elegante mais maiúsculas pequenas espaçadas; arejado, quieto, sem cartões. Mobile e movimento reduzido: fallback MP4 em loop. Desempenho: requestAnimationFrame, repintar apenas na mudança de quadro, 60fps.
VERIFIQUE: o carregador desbloqueia em 100 por cento, a orquídea visivelmente abre sob rolagem e mantém em floração total, a gota cai no frasco, a macro lê como veludo próximo, sem erros no console. Depois, forneça a URL ao vivo.