FIELD — Четыре состояния одного буфера

Один буфер поочерёдно превращается в травяное поле, прилив, угасающие искры и решётку: 262 144 нити пересчитываются вычислительным проходом WebGPU на каждом кадре.

Попробовать Websites Agent

Loading preview...

Начать с этого запроса

Попробовать Websites Agent

Создай страницу процедурной сцены WebGPU под названием FIELD: четыре состояния одного буфера. Вся страница работает на одном фиксированном буфере, который поочерёдно используют четыре сцены: колышущееся на ветру травяное поле, поднимающийся и опускающийся прилив, угасающие искры и регулярная решётка. 262 144 травинки — или эквивалентное число частиц в последующих сценах — полностью переписываются вычислительным проходом на каждом кадре, поэтому на экране нет ни текстур, ни моделей: каждая нить вычисляется. По мере прокрутки посетителем страницы четыре состояния плавно переходят одно в другое, а тот же буфер продолжает использоваться в основе. Каждое состояние сопровождается краткими примечаниями по реализации, объясняющими работу эффекта, а также показателем частоты кадров в реальном времени. Если браузер не поддерживает WebGPU, вместо сцены страница выводит корректное сообщение о резервном режиме, чтобы посетитель понимал, почему ничего не отображается. Статическая одностраничная страница в одном файле.

Добавить ползунки параметров

Для травы, прилива, искр и решётки предусмотрены интерактивные ползунки плотности, скорости ветра и цвета, поэтому при перетаскивании ползунка сцена сразу меняется; примечания по реализации и показатель частоты кадров остаются на месте.

Попробовать Websites Agent

Создай страницу процедурной сцены WebGPU под названием FIELD: четыре состояния одного буфера. Вся страница работает на одном фиксированном буфере, который поочерёдно используют четыре сцены: колышущееся на ветру травяное поле, поднимающийся и опускающийся прилив, угасающие искры и регулярная решётка. 262 144 травинки — или эквивалентное число частиц в последующих сценах — полностью переписываются вычислительным проходом на каждом кадре, поэтому на экране нет ни текстур, ни моделей: каждая нить вычисляется. По мере прокрутки посетителем страницы четыре состояния плавно переходят одно в другое, а тот же буфер продолжает использоваться в основе. Каждое состояние сопровождается краткими примечаниями по реализации, объясняющими работу эффекта, а также показателем частоты кадров в реальном времени. Если браузер не поддерживает WebGPU, вместо сцены страница выводит корректное сообщение о резервном режиме, чтобы посетитель понимал, почему ничего не отображается. Статическая одностраничная страница в одном файле.

Добавить пятое состояние

Добавляет пятое состояние после решётки: поле спокойно падающего снега, которое при прокрутке появляется так же плавно, как и первые четыре состояния.

Попробовать Websites Agent

Создай страницу процедурной сцены WebGPU под названием FIELD: четыре состояния одного буфера. Вся страница работает на одном фиксированном буфере, который поочерёдно используют четыре сцены: колышущееся на ветру травяное поле, поднимающийся и опускающийся прилив, угасающие искры и регулярная решётка. 262 144 травинки — или эквивалентное число частиц в последующих сценах — полностью переписываются вычислительным проходом на каждом кадре, поэтому на экране нет ни текстур, ни моделей: каждая нить вычисляется. По мере прокрутки посетителем страницы четыре состояния плавно переходят одно в другое, а тот же буфер продолжает использоваться в основе. Каждое состояние сопровождается краткими примечаниями по реализации, объясняющими работу эффекта, а также показателем частоты кадров в реальном времени. Если браузер не поддерживает WebGPU, вместо сцены страница выводит корректное сообщение о резервном режиме, чтобы посетитель понимал, почему ничего не отображается. Статическая одностраничная страница в одном файле.

Добавить режим вращения

Добавляет вращение камеры перетаскиванием мыши поверх переходов при прокрутке, чтобы то же поле, пересчитываемое на каждом кадре, можно было рассмотреть под другим углом.

Попробовать Websites Agent

Создай страницу процедурной сцены WebGPU под названием FIELD: четыре состояния одного буфера. Вся страница работает на одном фиксированном буфере, который поочерёдно используют четыре сцены: колышущееся на ветру травяное поле, поднимающийся и опускающийся прилив, угасающие искры и регулярная решётка. 262 144 травинки — или эквивалентное число частиц в последующих сценах — полностью переписываются вычислительным проходом на каждом кадре, поэтому на экране нет ни текстур, ни моделей: каждая нить вычисляется. По мере прокрутки посетителем страницы, четыре состояния плавно переходят одно в другое в то время как тот же буфер продолжает использоваться в основе. Каждое состояние сопровождается краткими примечаниями по реализации, объясняющими работу эффекта, а также показателем частоты кадров в реальном времени. Если браузер не поддерживает WebGPU, вместо сцены страница выводит корректное сообщение о резервном режиме, чтобы посетитель понимал, почему ничего не отображается. Статическая одностраничная страница в одном файле.