- Duración y proporción
- 0:20
- 16:9
- Hecho con
- three.js
- WebGL
- HTML
Prompt
Create a beautiful, highly detailed, fully interactive 3D prehistoric island using Three.js and WebGL. Deliver everything in a single standalone HTML file that opens directly in Chrome. Embed assets wherever possible. VISUAL DIRECTION Build a large, rounded island surrounded by an ocean with a transparent underwater cross-section. The result should feel like a premium miniature world: lush vegetation, expressive dinosaurs, rich materials, atmospheric lighting, and polished animation. Use a cohesive, stylized art direction rather than basic geometric shapes. ISLAND Create varied terrain with beaches, rocky cliffs, dense prehistoric forests, giant ferns, a waterfall, a freshwater pond, and a volcano. Add a small research station, wooden walkways, observation platforms, supply crates, and dinosaur nests. Make the island spacious enough for dinosaurs to move naturally between distinct areas. WATER CROSS-SECTION The water must form a deep, rounded volume around the island, with clearly visible underwater scenery through its sides. Include a textured seabed, rocks, aquatic plants, fish, bubbles, and a green marine reptile swimming beneath the surface. Do not place ordinary land dinosaurs underwater, and do not add a submarine. Use animated waves, Fresnel reflections, underwater light patterns, shoreline foam, and splashes. Avoid transparency sorting artifacts and visible gaps between the island and water. DINOSAURS Include several distinct species, such as a long-necked sauropod, Triceratops, Stegosaurus, a large theropod, and smaller herd animals. Add pterosaurs circling overhead. Give every species recognizable anatomy, shaped bodies, articulated limbs, detailed heads, tails, and appropriate skin patterns. Avoid assembling the finished dinosaurs from obvious boxes or disconnected spheres. NATURAL ANIMATION Use hierarchical skeletons with correctly positioned joints. Walking must have distinct stance and swing phases: feet stay planted during contact and lift cleanly during each step. Match stride length to movement speed. Use terrain sampling and inverse kinematics to keep feet on the ground. Add weight shifts, subtle body movement, balanced tail motion, head turns, and breathing. Dinosaurs must never float, slide, intersect the ground, or walk through buildings, rocks, trees, or each other. Use obstacle avoidance and safe paths. Different species should have different movement speeds, gait patterns, and behaviors. Marine animals must face their direction of travel. INTERACTION Allow users to: Rotate the camera freely, zoom, and inspect the underwater cross-section. Select a dinosaur and follow it with a smoothly moving camera. Place food in suitable locations and watch nearby dinosaurs approach and eat. Trigger drinking, resting, calling, and herd movement. Explore nests and watch a hatchling emerge. Trigger a marine reptile surfacing with a splash. Switch between daylight, sunset, and night. Adjust rain, wind, and volcanic activity. Pause the simulation and reset the scene. Make every control produce a clear, visible response. Keep interactions repeatable and prevent overlapping animations from breaking character poses. ATMOSPHERE AND AUDIO Add moving foliage, drifting clouds, birds, insects, rain particles, and warm research-station lights at night. Include quiet atmospheric music and environmental sounds with a working music toggle and volume slider. Start audio only after user interaction. INTERFACE Use a compact, elegant interface with English labels. Keep the scene dominant and avoid large panels covering the island. Make the layout responsive for desktop and mobile. TECHNICAL QUALITY Use instancing for repeated vegetation and props, efficient geometry, appropriate shadows, and restrained post-processing. Balance visual richness with smooth real-time performance. Build a complete scene, not a mockup. Test the final HTML directly in a desktop browser, inspect screenshots and the console, exercise every interaction, and fix loading errors, floating dinosaurs, foot sliding, broken collisions, water artifacts, and camera problems before delivery.
Más videos como este
Ver todosElige tu plan
Un solo saldo de créditos para videos de IA e imágenes de IA. Suscríbete por mes o por año, o compra un paquete de créditos una vez.
2000 créditos
Paga una vez · sin suscripción
Videos por paquete
- 2000 créditos, se agregan una sola vez
- Hasta 86 imágenes rápidas
- Sin marca de agua de Potto añadida
- Compartidos por las herramientas de video e imagen
5000 créditos
Paga una vez · sin suscripción
Videos por paquete
- 5000 créditos, se agregan una sola vez
- Hasta 217 imágenes rápidas
- Sin marca de agua de Potto añadida
- Compartidos por las herramientas de video e imagen
15.000 créditos
Paga una vez · sin suscripción
Videos por paquete
- 15.000 créditos, se agregan una sola vez
- Hasta 652 imágenes rápidas
- Sin marca de agua de Potto añadida
- Compartidos por las herramientas de video e imagen
Lite
Elegir Lite20 US$/mesFacturación mensual
Videos al mes
Video demostrativo de producto de 30 segundos13 videosVideo explicativo de 60 segundos5 videos- 2000 créditos al mes
- Hasta 86 imágenes rápidas
- Cola estándar
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
Pro
Elegir Pro50 US$/mesFacturación mensual
Videos al mes
Video demostrativo de producto de 30 segundos33 videosVideo explicativo de 60 segundos13 videos- 5000 créditos al mes
- Hasta 217 imágenes rápidas
- Cola con prioridad
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
- Recomendado
Max
Elegir Max100 US$/mesFacturación mensual
Videos al mes
Video demostrativo de producto de 30 segundos100 videosVideo explicativo de 60 segundos40 videos- 15.000 créditos al mes
- Hasta 652 imágenes rápidas
- Cola con máxima prioridad
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
Lite
-20%Elegir Lite20 US$16 US$/mesFacturación anual · 240 US$ → 192 US$/año
Videos al mes
Video demostrativo de producto de 30 segundos13 videosVideo explicativo de 60 segundos5 videos- 2000 créditos al mes
- Hasta 86 imágenes rápidas
- Cola estándar
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
Pro
-20%Elegir Pro50 US$40 US$/mesFacturación anual · 600 US$ → 480 US$/año
Videos al mes
Video demostrativo de producto de 30 segundos33 videosVideo explicativo de 60 segundos13 videos- 5000 créditos al mes
- Hasta 217 imágenes rápidas
- Cola con prioridad
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
- Recomendado
Max
-20%Elegir Max100 US$80 US$/mesFacturación anual · 1200 US$ → 960 US$/año
Videos al mes
Video demostrativo de producto de 30 segundos100 videosVideo explicativo de 60 segundos40 videos- 15.000 créditos al mes
- Hasta 652 imágenes rápidas
- Cola con máxima prioridad
- Sin marca de agua de Potto añadida
- Procesamiento por lotes con las herramientas de IA
- Sin publicación en galerías públicas
Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.
Preguntas frecuentes de Interactive 3D prehistoric island
Cómo se hizo Interactive 3D prehistoric island, qué dice su prompt y cómo crear un vídeo Función en bucle parecido con Potto.
¿Qué es Interactive 3D prehistoric island?
Interactive 3D prehistoric island es un video de motion graphics de Función en bucle de vib3coded. A looping 3D prehistoric island scene built with Three.js and WebGL.
¿Cómo se hizo Interactive 3D prehistoric island?
Interactive 3D prehistoric island se hizo con three.js, WebGL y HTML. Forma parte de la colección Función en bucle de videos de motion graphics con IA en Potto.
¿Está disponible el prompt de Interactive 3D prehistoric island?
Sí. El prompt completo de Interactive 3D prehistoric island está en esta página. Cópialo o haz clic en Usar este prompt para abrirlo en el espacio de trabajo de Potto.
¿Cuánto dura Interactive 3D prehistoric island y cuál es su relación de aspecto?
Interactive 3D prehistoric island dura 0:20 en un marco 16:9.
¿Puedo hacer con Potto un video de Función en bucle como Interactive 3D prehistoric island?
Sí. Haz clic en Usar este prompt para cargar el prompt de Interactive 3D prehistoric island en el espacio de trabajo de Potto. Potto renderiza su propia versión, y puedes cambiar el texto y el estilo antes de exportar.
¿Dónde puedo ver el original de Interactive 3D prehistoric island?
Interactive 3D prehistoric island lo publicó primero su creador. Haz clic en Ver original para abrir esa publicación en una pestaña nueva.
¿Dónde encuentro más videos de Función en bucle como Interactive 3D prehistoric island?
Explora la colección Función en bucle en Potto: 9 videos, cada uno con su prompt, especificaciones y fuente.
