--- title: "Interactive 3D prehistoric island" description: "A looping 3D prehistoric island scene built with Three.js and WebGL." canonical: "https://potto.ai/ko/videos/prehistoric-island-comparison" language: "ko" 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/ko/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가 만든 기능 소개 반복 영상 모션그래픽 영상입니다. 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 모션그래픽 영상 모음에 포함되어 있습니다. ### 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개가 있으며, 각각 프롬프트, 사양, 출처가 있습니다.