Open Sea — океан WebGPU в реальном времени
Океан WebGPU в реальном времени, отрисованный с помощью Three.js TSL: волны Герстнера, микродетали поверхности на основе FBM, спектральное небо, управление состоянием моря и временем суток, а также автоматический режим дрейфа. Этот пример был создан Kimi K3.
Автономная демонстрация океана на WebGPU с управлением обзором, ползунками состояния моря и времени суток, а также режимом дрейфа.
Попробовать Websites AgentСоздайте автономную демонстрацию океана в реальном времени под названием «Open Sea» с использованием WebGPU и Three.js TSL. Отрисуйте волны Герстнера с микронормалями поверхности на основе FBM и спектральное небо, меняющееся в зависимости от времени суток. Добавьте управление камерой перетаскиванием для обзора и прокруткой для масштабирования, HUD-панель с ползунками состояния моря и времени суток, а также отображением FPS в реальном времени, и режим дрейфа, в котором камера движется самостоятельно. Разместите всё на одной статической странице без этапа сборки, покажите элегантное состояние инициализации во время запуска рендерера и обеспечьте корректную работу при отсутствии WebGPU.
Замените дневной штиль на ночной шторм при лунном свете: с более высокими волнами, полосами дождя и редкими вспышками молний.
Попробовать Websites AgentСоздайте автономную демонстрацию океана в реальном времени под названием «Open Sea — Night Storm» с использованием WebGPU и Three.js TSL. Отрисуйте волны Герстнера с микронормалями поверхности на основе FBM и спектральное небо, меняющееся в зависимости от времени суток. Добавьте управление камерой перетаскиванием для обзора и прокруткой для масштабирования, HUD-панель с ползунками интенсивности шторма и высоты волн, а также отображением FPS в реальном времени, и режим дрейфа, в котором камера движется самостоятельно. Разместите всё на одной статической странице без этапа сборки, покажите элегантное состояние инициализации во время запуска рендерера и обеспечьте корректную работу при отсутствии WebGPU.
Разместите на волнах небольшой парусник, которым зритель сможет управлять с клавиатуры, пока он покачивается на волнах.
Попробовать Websites AgentСоздайте автономную демонстрацию океана в реальном времени под названием «Open Sea» с использованием WebGPU и Three.js TSL. Отрисуйте волны Герстнера с микронормалями поверхности на основе FBM и спектральное небо, меняющееся в зависимости от времени суток. Добавьте низкополигональный парусник, который держится на волнах благодаря простой плавучести, и позвольте зрителю управлять им клавишами WASD; камера должна следовать за лодкой или свободно вращаться вокруг сцены. Добавьте управление камерой перетаскиванием для обзора и прокруткой для масштабирования, HUD-панель с ползунками состояния моря и времени суток, а также отображением FPS в реальном времени, и режим дрейфа, в котором камера движется самостоятельно. Разместите всё на одной статической странице без этапа сборки, покажите элегантное состояние инициализации во время запуска рендерера и обеспечьте корректную работу при отсутствии WebGPU.
Сразу проверяйте поддержку WebGPU и используйте облегчённую версию на WebGL2, чтобы демонстрация работала в любом современном браузере.
Попробовать Websites AgentСоздайте автономную демонстрацию океана в реальном времени под названием «Open Sea», которая при запуске определяет поддержку WebGPU и при его отсутствии переключается на облегчённый рендерер WebGL2, сохраняя одинаковые сцену и элементы управления в обоих вариантах. Отрисуйте волны Герстнера с микронормалями поверхности на основе FBM и спектральное небо, меняющееся в зависимости от времени суток. Добавьте управление камерой перетаскиванием для обзора и прокруткой для масштабирования, HUD-панель с ползунками состояния моря и времени суток, а также отображением FPS в реальном времени, и режим дрейфа, в котором камера движется самостоятельно. Разместите всё на одной статической странице без этапа сборки, покажите элегантное состояние инициализации во время запуска рендерера, а в мобильной версии сворачивайте HUD в нижнюю панель с сенсорным управлением обзором.
Сезонная подборка и фотографии моделей с двух ракурсов в сдержанной витрине модного бренда с двумя линейками одежды.
Четыре номера, каждый — с видом на свой горный склон, и одна каменная купальня под открытым небом: тихий онсэн-рёкан в тумане.