Интерактивный 3D-остров доисторической эпохи с вулканом посреди океана в Three.js, открывающийся одним HTML-файлом

Промпт

Создай красивый, высокодетализированный, полностью интерактивный 3D-остров доисторической эпохи с использованием Three.js и WebGL. Представь всё в одном автономном HTML-файле, который напрямую открывается в Chrome. По возможности встраивай ресурсы.

ВИЗУАЛЬНОЕ НАПРАВЛЕНИЕ
Создай большой округлый остров, окружённый океаном, с прозрачным подводным срезом. Результат должен восприниматься как премиальный миниатюрный мир: пышная растительность, выразительные динозавры, богатые материалы, атмосферное освещение и качественная анимация. Используй цельное стилизованное художественное направление, а не базовые геометрические формы.
ОСТРОВ
Создай разнообразный рельеф с пляжами, скалистыми утёсами, густыми доисторическими лесами, гигантскими папоротниками, водопадом, пресноводным прудом и вулканом. Добавь небольшую исследовательскую станцию, деревянные настилы, смотровые площадки, ящики с припасами и гнёзда динозавров. Сделай остров достаточно просторным, чтобы динозавры могли естественно перемещаться между отдельными зонами.

ПОДВОДНЫЙ СРЕЗ
Вода должна образовывать глубокий округлый объём вокруг острова, а через его боковые поверхности должны быть отчётливо видны подводные пейзажи. Добавь текстурированное морское дно, камни, водные растения, рыб, пузырьки и зелёную морскую рептилию, плывущую под поверхностью. Не размещай обычных наземных динозавров под водой и не добавляй подводную лодку.
Используй анимированные волны, отражения Френеля, световые узоры под водой, пену у берега и брызги. Избегай артефактов сортировки прозрачности и видимых зазоров между островом и водой.

ДИНОЗАВРЫ
Добавь несколько различных видов, например длинношеего зауропода, трицератопса, стегозавра, крупного теропода и небольших стадных животных. Добавь птерозавров, кружащих над островом.
У каждого вида должна быть узнаваемая анатомия, сформированное тело, сочленённые конечности, детализированная голова, хвост и соответствующие кожные узоры. Не собирай готовых динозавров из очевидных кубов или разрозненных сфер.

ЕСТЕСТВЕННАЯ АНИМАЦИЯ
Используй иерархические скелеты с правильно расположенными суставами. Ходьба должна включать отчётливые фазы опоры и переноса: во время контакта стопы остаются на месте, а на каждом шаге плавно отрываются от земли. Соотнеси длину шага со скоростью движения.

Используй считывание рельефа и обратную кинематику, чтобы стопы оставались на земле. Добавь перенос веса, едва заметные движения тела, сбалансированное движение хвоста, повороты головы и дыхание. Динозавры никогда не должны парить, скользить, пересекаться с землёй или проходить сквозь здания, камни, деревья или друг друга.
Используй избегание препятствий и безопасные маршруты. У разных видов должны быть разные скорости передвижения, особенности походки и модели поведения. Морские животные должны быть обращены по направлению движения.

ВЗАИМОДЕЙСТВИЕ
Позволь пользователям:

Свободно вращать камеру, изменять масштаб и осматривать подводный срез.

Выбирать динозавра и следить за ним с помощью плавно перемещающейся камеры.

Размещать пищу в подходящих местах и наблюдать, как находящиеся поблизости динозавры подходят к ней и едят.

Запускать питьё, отдых, призыв и перемещение стада.

Исследовать гнёзда и наблюдать за появлением детёныша.
Запускать всплытие морской рептилии с брызгами.
Переключаться между дневным светом, закатом и ночью.
Настраивать дождь, ветер и вулканическую активность.
Приостанавливать симуляцию и сбрасывать сцену.
Каждое управление должно вызывать ясную визуальную реакцию. Сохраняй возможность повторного запуска взаимодействий и не допускай, чтобы наложение анимаций нарушало позы персонажей.
АТМОСФЕРА И АУДИО
Добавь движущуюся листву, плывущие облака, птиц, насекомых, частицы дождя и тёплое освещение исследовательской станции ночью. Добавь тихую атмосферную музыку и звуки окружающей среды, а также рабочий переключатель музыки и ползунок громкости. Запускай аудио только после взаимодействия с пользователем.
ИНТЕРФЕЙС
Используй компактный элегантный интерфейс с английскими подписями. Пусть сцена остаётся главным элементом, не закрывай остров большими панелями. Сделай компоновку адаптивной для компьютеров и мобильных устройств.
ТЕХНИЧЕСКОЕ КАЧЕСТВО
Используй инстансинг для повторяющейся растительности и объектов, эффективную геометрию, уместные тени и сдержанную постобработку. Сочетай визуальное богатство с плавной производительностью в реальном времени.
Создай полноценную сцену, а не макет. Протестируй итоговый HTML напрямую в браузере на компьютере, проверь скриншоты и консоль, испытай каждое взаимодействие и до передачи исправь ошибки загрузки, парящих динозавров, скольжение стоп, неработающие столкновения, артефакты воды и проблемы с камерой.

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.