All MicroEvals
Создай одностраничный браузерный проект в одном файле index....
Create MicroEval
Header image for Создай одностраничный браузерный проект в одном файле index....

Создай одностраничный браузерный проект в одном файле index....

Prompt

Создай одностраничный браузерный проект в одном файле index.html: «3D-комната с клеткой хомяков». Используй Three.js. Проект должен сразу запускаться в современном браузере. Сцена: покажи уютную 3D-комнату с деревянным столом, на котором стоит просторная клетка для хомяков. В клетке должны быть поддон, наполнитель, домик для сна, поилка, миска с едой, реалистичное колесо, приподнятый прозрачный тоннель, игрушки и предметы для грызения. Добавь 4 хомяка разного цвета и раскраски: карамельный, белый с коричневыми пятнами, серый с тёмной полосой, кремово-белый. Текстуры должны процедурно генерироваться при каждом запуске, чтобы сцена каждый раз выглядела немного по-разному. Визуальный стиль: милая, детализированная, читаемая и приятная 3D-сцена. На High используй более плавную геометрию, тени, мягкий свет и больше деталей. На Lite используй low-poly стиль и упрощённую графику. Поведение хомяков: сделай осознанный цикл жизни с потребностями: голод, жажда, энергия, сонливость, любопытство и комфорт. Хомяки должны выбирать действия по состоянию: ходить, останавливаться, поворачиваться, есть, пить, спать, бегать в колесе, копать наполнитель, грызть предметы и исследовать клетку. Хомяк должен сначала идти к нужному объекту, а затем взаимодействовать с ним. Движение должно быть мордочкой по направлению движения. Хомяки должны соблюдать дистанцию, обходить друг друга и предметы, оставаться внутри клетки и выглядеть физически правдоподобно. Колесо: сделай колесо подходящим для хомяка. Оно должно стоять выше уровня наполнителя, иметь свободный открытый вход, непрозрачную заднюю стенку, корректно вращающуюся беговую часть и понятную точку входа. Хомяк в колесе должен стоять внутри барабана в правдоподобной позе и бежать по направлению вращения. Тоннель: сделай тоннель приподнятым над наполнителем, читаемым и доступным для хомяков. Поилка: размести поилку отдельно от домика, чтобы возле зоны сна оставалось свободное пространство. Освещение: сделай мягкое комнатное освещение. Все видимые источники света и предметы должны выглядеть естественно закреплёнными в сцене. Управление: добавь управление камерой для телефона и ПК. На телефоне: один палец вращает камеру, два пальца приближают, отдаляют и перемещают камеру. На ПК: мышь вращает камеру, колесо приближает и отдаляет, панорамирование работает удобно. Интерфейс: верхний текст должен кратко описывать только управление. Статистика состояния хомяков должна быть в сворачиваемой панели, закрытой по умолчанию. Кнопки High и Lite должны менять качество сцены. Главный фокус: стабильная работа, визуальная ясность, физическая правдоподобность, понятное поведение хомяков, аккуратные объекты клетки и приятная сцена для наблюдения.

A system prompt was added to support web rendering