FluidShader – редактор анімованих WebGL-градієнтів

Про ресурс

FluidShader допомагає створювати рухомі абстрактні фони прямо у браузері. Ви обираєте стиль шейдера, змінюєте кольори й параметри та одразу бачите результат. Інструмент стане у пригоді для пошуку візуального напрямку сайту, експериментів з анімацією й підготовки WebGL-ефектів. У розділі градієнтів доступні Fluid, Aurora, Silk, Caustics і Plasma. Окремий розділ містить дизерингові патерни: Simplex, Warp, Dots, Wave, Ripple, Swirl і Sphere. Залежно від стилю можна працювати з рухом, деформацією, масштабом шуму та зернистістю. У Fluid є також реакція на вказівник. Кнопка Randomize створює новий варіант композиції, а повноекранний перегляд допомагає оцінити фон без панелі налаштувань. Для перенесення результату передбачено копіювання WebGL-коду HTML + JavaScript та конфігурацій у JSON, TypeScript, Tailwind, CSS-змінних і Figma-змінних. Конфігурація палітри не є відеофайлом чи готовим макетом Figma. Сервіс представлений як безкоштовний, редактор доступний без реєстрації. Окремі публічні умови комерційного використання згенерованого коду не знайдені, тому для клієнтського проєкту, що потребує чітко визначеної ліцензії, варто уточнити їх в автора.

Використання та ліцензія

Редактор безкоштовний. Окрему публічну ліцензію на комерційне використання згенерованого коду не знайдено; безкоштовний доступ не підтверджує необмежені права на результат.

Перед використанням перевірте актуальні умови на сайті автора.

Хештеги

Показати ще (7) Згорнути