Potto AI

163 de 1.594 em Vídeos

AnteriorPróximo
Interactive 3D prehistoric island por vib3coded
Duração e proporção
  • 0:20
  • 16:9
Feito com
  • 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.

Mais vídeos como este

Ver todos

Escolha seu plano

Um único saldo de créditos para vídeos de IA e imagens de IA. Assine por mês ou por ano, ou compre um pacote de créditos uma vez.

  • Lite

    US$ 20/mês

    Cobrança mensal

    Escolher Lite

    Imagens por mês em HD

    Saiba mais
    Nano Banana Pro44 imagens
    Nano Banana86 imagens

    Vídeos por mês

    Demo de produto de 30 segundos13 vídeos
    Vídeo explicativo de 60 segundos5 vídeos
    • 2.000 créditos por mês
    • Até 86 imagens rápidas
    • Fila padrão
    • Sem adição de marca d'água do Potto
    • Processamento em lote com as ferramentas de IA
    • Sem publicação em galerias públicas
  • Pro

    US$ 50/mês

    Cobrança mensal

    Escolher Pro

    Imagens por mês em HD

    Saiba mais
    Nano Banana Pro111 imagens
    Nano Banana217 imagens

    Vídeos por mês

    Demo de produto de 30 segundos33 vídeos
    Vídeo explicativo de 60 segundos13 vídeos
    • 5.000 créditos por mês
    • Até 217 imagens rápidas
    • Fila com prioridade
    • Sem adição de marca d'água do Potto
    • Processamento em lote com as ferramentas de IA
    • Sem publicação em galerias públicas
  • Recomendado

    Max

    US$ 100/mês

    Cobrança mensal

    Escolher Max

    Imagens por mês em HD

    Saiba mais
    Nano Banana Pro333 imagens
    Nano Banana652 imagens

    Vídeos por mês

    Demo de produto de 30 segundos100 vídeos
    Vídeo explicativo de 60 segundos40 vídeos
    • 15.000 créditos por mês
    • Até 652 imagens rápidas
    • Fila com prioridade máxima
    • Sem adição de marca d'água do Potto
    • Processamento em lote com as ferramentas de IA
    • Sem publicação em galerias públicas

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.

Perguntas frequentes de Interactive 3D prehistoric island

Como Interactive 3D prehistoric island foi feito, o que o prompt diz e como criar um vídeo Recurso em loop parecido com Potto.

  1. O que é Interactive 3D prehistoric island?

    Interactive 3D prehistoric island é um vídeo de motion graphics de Recurso em loop de vib3coded. A looping 3D prehistoric island scene built with Three.js and WebGL.

  2. Como Interactive 3D prehistoric island foi feito?

    Interactive 3D prehistoric island foi feito com three.js, WebGL e HTML. Faz parte da coleção Recurso em loop de vídeos de motion graphics com IA no Potto.

  3. O prompt de Interactive 3D prehistoric island está disponível?

    Sim. O prompt completo de Interactive 3D prehistoric island está nesta página. Copie-o ou clique em Usar este prompt para abri-lo no espaço de trabalho do Potto.

  4. Qual é a duração de Interactive 3D prehistoric island e qual é a proporção?

    Interactive 3D prehistoric island dura 0:20 em um quadro 16:9.

  5. Posso fazer com o Potto um vídeo de Recurso em loop como Interactive 3D prehistoric island?

    Sim. Clique em Usar este prompt para carregar o prompt de Interactive 3D prehistoric island no espaço de trabalho do Potto. O Potto renderiza a própria versão, e você pode mudar o texto e o estilo antes de exportar.

  6. Onde posso assistir ao original de Interactive 3D prehistoric island?

    Interactive 3D prehistoric island foi publicado primeiro pelo criador. Clique em Ver original para abrir essa publicação num novo separador.

  7. Onde encontro mais vídeos de Recurso em loop como Interactive 3D prehistoric island?

    Veja a coleção Recurso em loop no Potto: 9 vídeos, cada um com prompt, especificações e fonte.