Научно-фантастические миры на шейдерах

Научно-фантастический лендинг на шейдерах, где четыре разные вселенные плавно сменяют друг друга при прокрутке. Скопируйте промпт, чтобы создать собственную версию.

Попробовать Kimi Build

Loading preview...

Начните с этого промпта

Создайте шейдерный лендинг с четырьмя вселенными

Лес четырёх сезонов

Замените четыре вселенные сезонными лесными сценами.

Попробовать Kimi Build

Создайте научно-фантастический лендинг на шейдерах, задуманный как наглядное исследование маршинга лучей в реальном времени: на странице нет текстур, мешей и других ресурсов — четыре космические сцены целиком вычисляются математикой фрагментных шейдеров и плавно сменяют друг друга при прокрутке. Первая сцена, «Сингулярность»: чёрная дыра с аккреционным диском, свет интегрируется вдоль геодезических примерно за 200 шагов, поэтому дальняя сторона диска загибается поверх верхнего края, а релятивистское доплеровское усиление делает одну сторону ярче. Вторая сцена, «Туманность»: поле плотности fBm из 4 октав, освещённое примерно 44 выборками однократного рассеяния спереди назад. Третья сцена, «Приливы»: поле высот океана из восьми интерферирующих октав волн, найденное бисекцией и френелевски отражающее небо с полярным сиянием из 32 оболочек. Четвёртая сцена, «Первый свет»: рельеф из гребенчатого мультифрактала, трассируемый сферическим методом до горизонта на рассвете. В каждой главе — поэтичный заголовок и краткий список технических параметров (число выборок, шаги интегрирования). Левая панель отслеживает главы и заполняется по мере прогресса; угловой HUD показывает текущую сцену, буфер рендеринга, частоту кадров и глубину прокрутки; в верхней панели указано WebGPU · реальное время. Моноширинный шрифт, чёрно-белая палитра с единственным оранжевым акцентом и зернистая кинематографическая накладка. Переходы, управляемые прокруткой, должны действительно работать плавно в любом браузере с поддержкой WebGPU. Замените четыре вселенные лесом в четырёх сезонах — весной, летом, осенью и зимой, сохранив структуру плавной смены сцен при прокрутке. Подберите для каждого сезона собственную палитру и частицы (лепестки, светлячки, падающие листья, снег) и перепишите текст в природной тематике.

Раздел товаров

Добавьте карточки товаров между сценами.

Попробовать Kimi Build

Создайте научно-фантастический лендинг на шейдерах, задуманный как наглядное исследование маршинга лучей в реальном времени: на странице нет текстур, мешей и других ресурсов — четыре космические сцены целиком вычисляются математикой фрагментных шейдеров и плавно сменяют друг друга при прокрутке. Первая сцена, «Сингулярность»: чёрная дыра с аккреционным диском, свет интегрируется вдоль геодезических примерно за 200 шагов, поэтому дальняя сторона диска загибается поверх верхнего края, а релятивистское доплеровское усиление делает одну сторону ярче. Вторая сцена, «Туманность»: поле плотности fBm из 4 октав, освещённое примерно 44 выборками однократного рассеяния спереди назад. Третья сцена, «Приливы»: поле высот океана из восьми интерферирующих октав волн, найденное бисекцией и френелевски отражающее небо с полярным сиянием из 32 оболочек. Четвёртая сцена, «Первый свет»: рельеф из гребенчатого мультифрактала, трассируемый сферическим методом до горизонта на рассвете. В каждой главе — поэтичный заголовок и краткий список технических параметров (число выборок, шаги интегрирования). Левая панель отслеживает главы и заполняется по мере прогресса; угловой HUD показывает текущую сцену, буфер рендеринга, частоту кадров и глубину прокрутки; в верхней панели указано WebGPU · реальное время. Моноширинный шрифт, чёрно-белая палитра с единственным оранжевым акцентом и зернистая кинематографическая накладка. Переходы, управляемые прокруткой, должны действительно работать плавно в любом браузере с поддержкой WebGPU. Добавьте раздел товаров между второй и третьей сценами: три расположенные в ряд карточки товаров, каждая с названием, одним преимуществом и кнопкой; они должны последовательно появляться при прокрутке и быть оформлены в стиле шейдерной графики.

Режим производительности для мобильных устройств

Уменьшите нагрузку от частиц и освещения на мобильных устройствах.

Попробовать Kimi Build

Создайте научно-фантастический лендинг на шейдерах, задуманный как наглядное исследование маршинга лучей в реальном времени: на странице нет текстур, мешей и других ресурсов — четыре космические сцены целиком вычисляются математикой фрагментных шейдеров и плавно сменяют друг друга при прокрутке. Первая сцена, «Сингулярность»: чёрная дыра с аккреционным диском, свет интегрируется вдоль геодезических примерно за 200 шагов, поэтому дальняя сторона диска загибается поверх верхнего края, а релятивистское доплеровское усиление делает одну сторону ярче. Вторая сцена, «Туманность»: поле плотности fBm из 4 октав, освещённое примерно 44 выборками однократного рассеяния спереди назад. Третья сцена, «Приливы»: поле высот океана из восьми интерферирующих октав волн, найденное бисекцией и френелевски отражающее небо с полярным сиянием из 32 оболочек. Четвёртая сцена, «Первый свет»: рельеф из гребенчатого мультифрактала, трассируемый сферическим методом до горизонта на рассвете. В каждой главе — поэтичный заголовок и краткий список технических параметров (число выборок, шаги интегрирования). Левая панель отслеживает главы и заполняется по мере прогресса; угловой HUD показывает текущую сцену, буфер рендеринга, частоту кадров и глубину прокрутки; в верхней панели указано WebGPU · реальное время. Моноширинный шрифт, чёрно-белая палитра с единственным оранжевым акцентом и зернистая кинематографическая накладка. Переходы, управляемые прокруткой, должны действительно работать плавно в любом браузере с поддержкой WebGPU. Добавьте адаптацию производительности для мобильных устройств: при ширине менее 768px уменьшайте число частиц и разрешение рендеринга, отключайте самое затратное объёмное освещение и покажите переключатель «режим высокой производительности», который посетители смогут включать сами.