- Lengde og forhold
- 0:20
- 16:9
- Laget med
- 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.
Flere videoer som denne
Se alleVelg plan
Én saldo med kreditter til AI-videoer og AI-bilder. Abonner månedlig eller årlig, eller kjøp en kredittpakke én gang.
2 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 2 000 kreditter, lagt til én gang
- Opptil 86 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
5 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 5 000 kreditter, lagt til én gang
- Opptil 217 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
15 000 kreditter
Betal én gang · ingen abonnement
Videoer per pakke
- 15 000 kreditter, lagt til én gang
- Opptil 652 raske bilder
- Ingen ekstra Potto-vannmerke
- Delt av video- og bildeverktøy
Lite
Velg Lite20 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo13 videoer60 sekunders forklaringsvideo5 videoer- 2 000 kreditter per måned
- Opptil 86 raske bilder
- Standard-kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Pro
Velg Pro50 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo33 videoer60 sekunders forklaringsvideo13 videoer- 5 000 kreditter per måned
- Opptil 217 raske bilder
- Prioritert kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
- Anbefalt
Max
Velg Max100 USD/månedFaktureres månedlig
Videoer per måned
30 sekunders produktdemo100 videoer60 sekunders forklaringsvideo40 videoer- 15 000 kreditter per måned
- Opptil 652 raske bilder
- Høyeste prioritet i køen
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Lite
-20%Velg Lite20 USD16 USD/månedFaktureres årlig · 240 USD → 192 USD/år
Videoer per måned
30 sekunders produktdemo13 videoer60 sekunders forklaringsvideo5 videoer- 2 000 kreditter per måned
- Opptil 86 raske bilder
- Standard-kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
Pro
-20%Velg Pro50 USD40 USD/månedFaktureres årlig · 600 USD → 480 USD/år
Videoer per måned
30 sekunders produktdemo33 videoer60 sekunders forklaringsvideo13 videoer- 5 000 kreditter per måned
- Opptil 217 raske bilder
- Prioritert kø
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
- Anbefalt
Max
-20%Velg Max100 USD80 USD/månedFaktureres årlig · 1 200 USD → 960 USD/år
Videoer per måned
30 sekunders produktdemo100 videoer60 sekunders forklaringsvideo40 videoer- 15 000 kreditter per måned
- Opptil 652 raske bilder
- Høyeste prioritet i køen
- Ingen ekstra Potto-vannmerke
- Batchbehandling med AI-verktøy
- Vises ikke i offentlige gallerier
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.
Ofte stilte spørsmål om Interactive 3D prehistoric island
Hvordan Interactive 3D prehistoric island ble laget, hva prompten sier, og hvordan du lager en lignende Funksjonsløkke-video med Potto.
Hva er Interactive 3D prehistoric island?
Interactive 3D prehistoric island er en motion graphics-video i Funksjonsløkke av vib3coded. A looping 3D prehistoric island scene built with Three.js and WebGL.
Hvordan ble Interactive 3D prehistoric island laget?
Interactive 3D prehistoric island ble laget med three.js, WebGL og HTML. Den er en del av Funksjonsløkke-samlingen av AI motion graphics-videoer på Potto.
Er prompten for Interactive 3D prehistoric island tilgjengelig?
Ja. Hele prompten bak Interactive 3D prehistoric island ligger på denne siden. Kopier den, eller klikk Bruk denne prompten for å åpne den i arbeidsområdet til Potto.
Hvor lang er Interactive 3D prehistoric island, og hva er sideforholdet?
Interactive 3D prehistoric island varer 0:20 i et 16:9-format.
Kan jeg lage en Funksjonsløkke-video som Interactive 3D prehistoric island med Potto?
Ja. Klikk Bruk denne prompten for å laste prompten bak Interactive 3D prehistoric island inn i arbeidsområdet til Potto. Potto rendrer sin egen versjon, og du kan endre tekst og stil før du eksporterer.
Hvor kan jeg se originalen av Interactive 3D prehistoric island?
Interactive 3D prehistoric island ble først publisert av skaperen. Klikk Vis originalen for å åpne innlegget i en ny fane.
Hvor finner jeg flere Funksjonsløkke-videoer som Interactive 3D prehistoric island?
Se gjennom Funksjonsløkke-samlingen på Potto: 9 videoer, hver med prompt, spesifikasjoner og kilde.
