- Lengte en verhouding
- 0:20
- 16:9
- Gemaakt met
- 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.
Meer video’s zoals deze
Alles bekijkenKies je abonnement
Eén credittegoed voor AI-video’s en AI-afbeeldingen. Neem een maand- of jaarabonnement, of koop eenmalig een creditpakket.
2.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 2.000 credits, eenmalig bijgeschreven
- Tot 86 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
5.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 5.000 credits, eenmalig bijgeschreven
- Tot 217 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
15.000 credits
Eenmalig betalen · geen abonnement
Video’s per pakket
- 15.000 credits, eenmalig bijgeschreven
- Tot 652 snelle afbeeldingen
- Geen toegevoegd Potto-watermerk
- Gedeeld door video- en afbeeldingstools
Lite
Kies LiteUS$ 20/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden13 video’sUitlegvideo van 60 seconden5 video’s- 2.000 credits per maand
- Tot 86 snelle afbeeldingen
- Wachtrij standaard
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Pro
Kies ProUS$ 50/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden33 video’sUitlegvideo van 60 seconden13 video’s- 5.000 credits per maand
- Tot 217 snelle afbeeldingen
- Voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
- Aanbevolen
Max
Kies MaxUS$ 100/maandMaandelijks gefactureerd
Video’s per maand
Productdemovideo van 30 seconden100 video’sUitlegvideo van 60 seconden40 video’s- 15.000 credits per maand
- Tot 652 snelle afbeeldingen
- Hoogste voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Lite
-20%Kies LiteUS$ 20US$ 16/maandJaarlijks gefactureerd · US$ 240 → US$ 192/jaar
Video’s per maand
Productdemovideo van 30 seconden13 video’sUitlegvideo van 60 seconden5 video’s- 2.000 credits per maand
- Tot 86 snelle afbeeldingen
- Wachtrij standaard
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
Pro
-20%Kies ProUS$ 50US$ 40/maandJaarlijks gefactureerd · US$ 600 → US$ 480/jaar
Video’s per maand
Productdemovideo van 30 seconden33 video’sUitlegvideo van 60 seconden13 video’s- 5.000 credits per maand
- Tot 217 snelle afbeeldingen
- Voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
- Aanbevolen
Max
-20%Kies MaxUS$ 100US$ 80/maandJaarlijks gefactureerd · US$ 1.200 → US$ 960/jaar
Video’s per maand
Productdemovideo van 30 seconden100 video’sUitlegvideo van 60 seconden40 video’s- 15.000 credits per maand
- Tot 652 snelle afbeeldingen
- Hoogste voorrang in de wachtrij
- Geen toegevoegd Potto-watermerk
- Batchverwerking met AI-tools
- Niet vermeld in openbare galerijen
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.
Veelgestelde vragen over Interactive 3D prehistoric island
Hoe Interactive 3D prehistoric island is gemaakt, wat de prompt zegt en hoe je met Potto een vergelijkbare Functieloop-video maakt.
Wat is Interactive 3D prehistoric island?
Interactive 3D prehistoric island is een motion-graphicsvideo in Functieloop van vib3coded. A looping 3D prehistoric island scene built with Three.js and WebGL.
Hoe is Interactive 3D prehistoric island gemaakt?
Interactive 3D prehistoric island is gemaakt met three.js, WebGL en HTML. Het hoort bij de Functieloop-collectie AI motion graphics-video’s op Potto.
Is de prompt voor Interactive 3D prehistoric island beschikbaar?
Ja. De volledige prompt achter Interactive 3D prehistoric island staat op deze pagina. Kopieer die, of klik op Deze prompt gebruiken om hem in de werkruimte van Potto te openen.
Hoe lang is Interactive 3D prehistoric island, en wat is de beeldverhouding?
Interactive 3D prehistoric island duurt 0:20 in een 16:9-kader.
Kan ik met Potto een Functieloop-video maken zoals Interactive 3D prehistoric island?
Ja. Klik op Deze prompt gebruiken om de prompt achter Interactive 3D prehistoric island in de werkruimte van Potto te laden. Potto rendert een eigen versie, en je kunt tekst en stijl wijzigen voordat je exporteert.
Waar kan ik het origineel van Interactive 3D prehistoric island bekijken?
Interactive 3D prehistoric island is eerst geplaatst door de maker. Klik op Origineel bekijken om die post in een nieuw tabblad te openen.
Waar vind ik meer Functieloop-video’s zoals Interactive 3D prehistoric island?
Bekijk de Functieloop-collectie op Potto: 9 video’s, elk met prompt, specificaties en bron.
