Animação HTML Interativa de Jardim Zen
Um prompt para criar um jardim zen 3D interativo em um único arquivo HTML usando Three.js/Canvas. A animação apresenta rastreamento dinâmico de areia, onde arrastar o cursor cria sulcos em um mapa de altura, e um interruptor de hora do dia que reilumina a cena com sombras realistas.
O resultado criativo
Prompt de referência
Uma referência editada a partir do exemplo, para adaptar ao seu tema. A publicação do criador está no painel de fontes.
“Make a rakeable zen garden in one HTML file. Use a 1536-pixel sand heightmap over a 440×440 grid, updating it as the cursor draws five grooves and six ridges along each stroke. Arrange five moss-covered rocks, two stone lanterns, and a maple with 420 leaves around the sand. Add a time-of-day switch, with a low golden-hour sun that makes the raked grooves cast shadows. Review the scene for moss leaking through sand, blocky rock shapes, and lanterns falling outside the frame.”
Como criar no PagePop
Escolha um assistente, descreva o que precisa e crie com o PagePop. Ajuste o trabalho pela conversa e depois faça o download.
Escolha o assistente ideal
Explore assistentes especializados em diversos setores ou encontre inspiração na ampla coleção de exemplos.
Descreva o que precisa
Diga se quer imagens, vídeos, apresentações PPT, documentos ou páginas web. Adicione imagens ou materiais de referência conforme necessário.
O PagePop escolhe modelos e cria
O PagePop seleciona os modelos e ferramentas adequados ao seu objetivo para criar o trabalho.
Ajuste e baixe
Continue ajustando o conteúdo e o visual na mesma conversa. Baixe o trabalho quando estiver satisfeito.
Comece com suas próprias palavras
Use este prompt real como ponto de partida, mude o que quiser e deixe o PagePop escolher como criar.
Perguntas frequentes
Como adapto este exemplo de Vídeo ao meu projeto?
Use o prompt de referência de “Animação HTML Interativa de Jardim Zen” como ponto de partida. Substitua o tema, o estilo e a proporção e adicione suas imagens ou materiais de referência. Mantenha a estrutura que deseja explorar, remova requisitos que não se aplicam e ajuste o resultado.
É grátis navegar e copiar prompts?
Navegar pela coleção e copiar prompts é 100% grátis. Você também pode usar o PagePop gratuitamente. Confira os preços e as regras de créditos na página de preços.
O que é o PagePop e o que ele pode fazer?
O PagePop é uma plataforma de criação com IA conversacional. Descreva o que precisa em linguagem natural para criar imagens, vídeos, apresentações, documentos e páginas web. O PagePop seleciona os modelos e ferramentas adequados, e você pode continuar ajustando o trabalho na mesma conversa.
Mais exemplos reais de prompts
Motor Turbofan Interativo
“Build an interactive Three.js turbofan that can be taken apart in the browser. Label the airflow stages from intake and compression through combustion and exhaust. Show the fan's bypass flow, the compressor's pressure i…”
Renderização de Vídeo Determinística Baseada em Frames
“Animate an X-ray-style butterfly using a fixed 1000×1080 canvas and frame-number-driven drawing. Build a 720-frame, 12-second loop in which draw(f) gives the same image whenever that frame is requested. Avoid clocks, ti…”
Cena Oceânica WebGPU em HTML
“Build an ocean scene that runs in the browser as a single HTML file using WebGPU. Drive the sea surface with FFT waves, add whitecaps, and place it under a realistic sky. Include WASD movement so the viewer can explore…”