Animación HTML interactiva de jardín zen
Un prompt para crear un jardín zen 3D interactivo en un único archivo HTML utilizando Three.js/Canvas. La animación presenta un rastrillado dinámico de la arena donde arrastrar el cursor crea surcos en un mapa de altura, y un interruptor de hora del día que reilumina la escena con sombras realistas.
El resultado creativo
Prompt de referencia
Una referencia editada a partir del ejemplo, que puedes adaptar a tu tema. La publicación del autor está en el panel de fuentes.
“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.”
Cómo crear en PagePop
Elige un asistente, describe lo que necesitas y crea con PagePop. Ajusta el trabajo mediante la conversación y luego descárgalo.
Elige el asistente adecuado
Explora asistentes especializados en distintos sectores o encuentra inspiración en la amplia colección de ejemplos.
Describe lo que necesitas
Indica si necesitas imágenes, vídeos, presentaciones PPT, documentos o páginas web. Agrega imágenes o materiales de referencia cuando los necesites.
PagePop elige modelos y crea
PagePop selecciona los modelos y herramientas adecuados para tu objetivo y crea el trabajo.
Ajusta y descarga
Sigue ajustando el contenido y el aspecto en la misma conversación. Descarga el trabajo cuando estés satisfecho.
Empieza con tus propias palabras
Usa este prompt real como punto de partida, cambia lo que quieras y deja que PagePop elija cómo crearlo.
Preguntas frecuentes
¿Cómo adapto este ejemplo de Vídeo a mi proyecto?
Usa el prompt de referencia de «Animación HTML interactiva de jardín zen» como punto de partida. Cambia el tema, el estilo y la proporción, y agrega tus imágenes o materiales de referencia. Conserva la estructura que te interese, elimina los requisitos que no correspondan y ajusta el resultado.
¿Es gratis explorar y copiar prompts?
Explorar la colección y copiar prompts es 100% gratis. También puedes usar PagePop gratis. Consulta los precios y las reglas de créditos en la página de precios.
¿Qué es PagePop y qué puede hacer?
PagePop es una plataforma de creación con IA conversacional. Describe lo que necesitas en lenguaje natural para crear imágenes, vídeos, presentaciones, documentos y páginas web. PagePop selecciona los modelos y herramientas adecuados y permite seguir ajustando el trabajo en la misma conversación.
Más ejemplos reales de prompts
Motor Turbofan Interactivo
“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…”
Renderizado de video determinista basado en fotogramas
“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…”
Escena oceánica con WebGPU en 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…”