шарик

Prompt

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

A system prompt was added to support web rendering