Potto AI

163/1.594 trong Video

TrướcSau
Interactive 3D prehistoric island bởi vib3coded
Độ dài và tỷ lệ
  • 0:20
  • 16:9
Tạo bằng
  • 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.

Thêm video tương tự

Xem tất cả

Chọn gói của bạn

Một số dư credit cho video AI và ảnh AI. Đăng ký theo tháng hoặc theo năm, hoặc mua gói credit một lần.

  • Lite

    20 US$/tháng

    Thanh toán hằng tháng

    Chọn Lite

    Số ảnh mỗi tháng ở HD

    Xem thêm
    Nano Banana Pro44 ảnh
    Nano Banana86 ảnh

    Số video mỗi tháng

    Video demo sản phẩm 30 giây13 video
    Video giải thích 60 giây5 video
    • 2.000 credit mỗi tháng
    • Tối đa 86 ảnh tốc độ nhanh
    • Hàng đợi tiêu chuẩn
    • Không thêm watermark Potto
    • Xử lý hàng loạt với công cụ AI
    • Không được liệt kê trong thư viện công khai
  • Pro

    50 US$/tháng

    Thanh toán hằng tháng

    Chọn Pro

    Số ảnh mỗi tháng ở HD

    Xem thêm
    Nano Banana Pro111 ảnh
    Nano Banana217 ảnh

    Số video mỗi tháng

    Video demo sản phẩm 30 giây33 video
    Video giải thích 60 giây13 video
    • 5.000 credit mỗi tháng
    • Tối đa 217 ảnh tốc độ nhanh
    • Hàng đợi ưu tiên
    • Không thêm watermark Potto
    • Xử lý hàng loạt với công cụ AI
    • Không được liệt kê trong thư viện công khai
  • Đề xuất

    Max

    100 US$/tháng

    Thanh toán hằng tháng

    Chọn Max

    Số ảnh mỗi tháng ở HD

    Xem thêm
    Nano Banana Pro333 ảnh
    Nano Banana652 ảnh

    Số video mỗi tháng

    Video demo sản phẩm 30 giây100 video
    Video giải thích 60 giây40 video
    • 15.000 credit mỗi tháng
    • Tối đa 652 ảnh tốc độ nhanh
    • Hàng đợi ưu tiên cao nhất
    • Không thêm watermark Potto
    • Xử lý hàng loạt với công cụ AI
    • Không được liệt kê trong thư viện công khai

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.

Câu hỏi thường gặp về Interactive 3D prehistoric island

Interactive 3D prehistoric island được làm thế nào, prompt nói gì và cách làm video Vòng lặp tính năng tương tự bằng Potto.

  1. Interactive 3D prehistoric island là gì?

    Interactive 3D prehistoric island là video motion graphics thuộc Vòng lặp tính năng của vib3coded. A looping 3D prehistoric island scene built with Three.js and WebGL.

  2. Interactive 3D prehistoric island được làm thế nào?

    Interactive 3D prehistoric island được làm bằng three.js, WebGL và HTML. Video này nằm trong bộ sưu tập Vòng lặp tính năng của video Motion graphics AI trên Potto.

  3. Có xem được prompt của Interactive 3D prehistoric island không?

    Có. Prompt đầy đủ của Interactive 3D prehistoric island nằm trên trang này. Hãy sao chép, hoặc bấm Dùng prompt này để mở trong không gian làm việc Potto.

  4. Interactive 3D prehistoric island dài bao lâu và tỷ lệ khung hình là gì?

    Interactive 3D prehistoric island dài 0:20, khung hình 16:9.

  5. Tôi có thể dùng Potto làm video Vòng lặp tính năng giống Interactive 3D prehistoric island không?

    Có. Bấm Dùng prompt này để tải prompt của Interactive 3D prehistoric island vào không gian làm việc Potto. Potto dựng phiên bản của riêng mình, và bạn có thể đổi chữ cùng phong cách trước khi xuất.

  6. Xem bản gốc Interactive 3D prehistoric island ở đâu?

    Interactive 3D prehistoric island được tác giả đăng lần đầu. Nhấp Xem bản gốc để mở bài đăng đó trong tab mới.

  7. Tìm thêm video Vòng lặp tính năng giống Interactive 3D prehistoric island ở đâu?

    Xem bộ sưu tập Vòng lặp tính năng trên Potto: 9 video, mỗi video có prompt, thông số và nguồn.