16.7K ·GitHub
Что это такое?
Это интерактивное WebGL-демо, которое в реальном времени моделирует течение жидкостей. С помощью мыши или пальца можно закручивать яркие эффекты, похожие на жидкость, прямо в браузере.
Это интерактивное WebGL-демо, которое в реальном времени моделирует течение жидкостей. С помощью мыши или пальца можно закручивать яркие эффекты, похожие на жидкость, прямо в браузере.Могу ли я встроить это как библиотеку или это просто что-то, с чем можно поиграть?Это самостоятельное интерактивное демо, а не готовая библиотека. Репозиторий содержит код симуляции и страницу, которую можно открыть и сразу с ней поиграть.
Это самостоятельное интерактивное демо, а не готовая библиотека. Репозиторий содержит код симуляции и страницу, которую можно открыть и сразу с ней поиграть.Как это попробовать?Откройте размещённое демо по ссылке из README, чтобы сразу поиграть с ним, или клонируйте репозиторий и откройте страницу локально, если хотите покопаться в коде.
Откройте размещённое демо по ссылке из README, чтобы сразу поиграть с ним, или клонируйте репозиторий и откройте страницу локально, если хотите покопаться в коде.Мне нужно что-то специально устанавливать, чтобы это запустить?Ничего устанавливать, регистрироваться или получать ключи API не нужно. Достаточно браузера с поддержкой WebGL, так как симуляция работает полностью на стороне клиента, на шейдерах GPU.
Ничего устанавливать, регистрироваться или получать ключи API не нужно. Достаточно браузера с поддержкой WebGL, так как симуляция работает полностью на стороне клиента, на шейдерах GPU.Работает ли это плавно на любом устройстве?Производительность зависит от поддержки WebGL на устройстве. Оно рассчитано на работу даже на мобильных телефонах, но очень старые браузеры без WebGL не смогут запустить его вообще.
Производительность зависит от поддержки WebGL на устройстве. Оно рассчитано на работу даже на мобильных телефонах, но очень старые браузеры без WebGL не смогут запустить его вообще.Нужна ли мощная видеокарта?Оно использует WebGL и шейдеры GPU, чтобы на каждом кадре считать математику жидкости, но при этом достаточно легковесно, чтобы работать на встроенной графике и мобильных GPU.
Оно использует WebGL и шейдеры GPU, чтобы на каждом кадре считать математику жидкости, но при этом достаточно легковесно, чтобы работать на встроенной графике и мобильных GPU.На каких уравнениях Навье — Стокса основан проект?Это уравнения, описывающие движение жидкостей. Проект решает их упрощённую версию на GPU на каждом кадре, чтобы получать эффекты закручивающихся цветов.
Это уравнения, описывающие движение жидкостей. Проект решает их упрощённую версию на GPU на каждом кадре, чтобы получать эффекты закручивающихся цветов.Могу ли я использовать этот эффект жидкости на своём сайте?Да. Код распространяется под лицензией MIT и самодостаточен, так что можно скопировать шейдеры и логику симуляции на свой сайт и адаптировать их под собственные визуальные эффекты.
Да. Код распространяется под лицензией MIT и самодостаточен, так что можно скопировать шейдеры и логику симуляции на свой сайт и адаптировать их под собственные визуальные эффекты.Почему управление мышью работает и с касаниями на телефоне?Обработка ввода трактует события касания так же, как события мыши и указателя. Поэтому проведение пальцем перемешивает жидкость точно так же, как движение мышью на компьютере.
Обработка ввода трактует события касания так же, как события мыши и указателя. Поэтому проведение пальцем перемешивает жидкость точно так же, как движение мышью на компьютере.What are similar projects?natural-disasters, LinearAbilityExtThreeJS, Jelly-Baby, tidewater, paper.js, zdog, Viscose-carousel, multipleWindow3dScene
natural-disasters, LinearAbilityExtThreeJS, Jelly-Baby, tidewater, paper.js, zdog, Viscose-carousel, multipleWindow3dSceneWhich topics is it in?physics-simulation, mobile-web, demo, shaders, creative-coding, computer-graphics, interactive, canvas, simulation, webgl, rendering, gpu-acceleration
physics-simulation, mobile-web, demo, shaders, creative-coding, computer-graphics, interactive, canvas, simulation, webgl, rendering, gpu-acceleration