Техническое задание: 3D-фон с воксельной графикой

Цель проекта

Создать интерактивную 3D-сцену на основе предоставленного 2D-изображения. Сцена будет использоваться в качестве динамического фона веб-сайта, реагирующего на действия пользователя.

Основные требования

Визуальная часть

• Строгое сохранение воксельного (пикселизированного) стиля исходного изображения.
• Создание трехмерной сцены с глубиной и объемом.
• Высокая степень визуального соответствия оригинальному референсу.

Техническая реализация

• Предпочтительный вариант: полностью настроенная сцена на фреймворке Three.js.
• Альтернативный вариант: готовый .GLB-файл с 3D-сценой высокого качества.
• Обязательная оптимизация для веб-использования (производительность, вес ресурсов).

Интерактивность

• Реализация эффектов, привязанных к скроллу страницы: плавное увеличение/уменьшение, параллакс-эффект, смещение камеры.
• Сцена должна быть интегрируемой в существующий веб-проект.

Варианты интеграции (на обсуждение)

• Рендеринг сцены в реальном времени в элемент <canvas> с последующим использованием как фона.
• Создание предварительно отрендеренного анимированного видео (MP4), управляемого скроллом.

Результат работы

Готовое решение, включающее все исходные файлы и инструкции по интеграции в веб-страницу.