---
title: "Interactive 3D prehistoric island"
description: "A looping 3D prehistoric island scene built with Three.js and WebGL."
canonical: "https://potto.ai/zh-Hant/videos/prehistoric-island-comparison"
language: "zh-Hant"
datePublished: "2026-09-22"
---

# Interactive 3D prehistoric island

A looping 3D prehistoric island scene built with Three.js and WebGL.

A looping 3D scene rendered in the browser shows a prehistoric island. The animation runs for 20 seconds and repeats. It is built with Three.js and WebGL in HTML.

- [功能循環短片](https://potto.ai/zh-Hant/videos/feature-loop.md)
- 由 vib3coded
- 時長與比例: 0:20 · 16:9
- 製作工具: three.js, WebGL, HTML
- 發布於 2026年9月22日
- 查看原片: https://x.com/vib3coded/status/2102450239923720440

## 提示詞

```text
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.
```

## Interactive 3D prehistoric island 常見問題

Interactive 3D prehistoric island 的製作方式、提示詞內容，以及如何用 Potto 做出同類的 功能循環短片 影片。

### Interactive 3D prehistoric island 是什麼？

Interactive 3D prehistoric island 是 vib3coded 製作的 功能循環短片 類型 AI 動態圖形影片。 A looping 3D prehistoric island scene built with Three.js and WebGL.

### Interactive 3D prehistoric island 是怎麼製作的？

Interactive 3D prehistoric island 使用 three.js、WebGL和HTML 製作，屬於 Potto 上 功能循環短片 分類的 AI Motion Graphics 影片。

### 可以查看 Interactive 3D prehistoric island 的提示詞嗎？

可以。本頁有 Interactive 3D prehistoric island 的完整提示詞。你可以複製，或點選「使用此提示詞」，在 Potto 工作區中開啟。

### Interactive 3D prehistoric island 有多長，畫面比例是多少？

Interactive 3D prehistoric island 時長為 0:20，畫幅為 16:9。

### 我能用 Potto 做出像 Interactive 3D prehistoric island 這樣的 功能循環短片 影片嗎？

可以。點選「使用此提示詞」，把 Interactive 3D prehistoric island 的提示詞載入 Potto 工作區。Potto 會算繪自己的版本，匯出前你可以修改文字和風格。

### 在哪裡觀看 Interactive 3D prehistoric island 的原片？

Interactive 3D prehistoric island 最初由創作者發布。點擊「查看原片」，即可在新分頁開啟該貼文。

### 在哪裡可以找到更多像 Interactive 3D prehistoric island 這樣的 功能循環短片 影片？

在 Potto 上瀏覽 功能循環短片 合集：9 支影片，每支都附有提示詞、規格和來源。