FXBox - 114 Visual Effects Gallery | Free Online 3D & Particle Effects

3D-эффекты

16

3D-сцены, шейдеры и raymarching на Three.js

3D-галактика частиц

Спиральная галактика из 8000 частиц Three.js с параллаксом от мыши

3D-сфера частиц

Облако точек из 5000 частиц Three.js, отталкивание и сбор мышью

3D-динамический океан

Динамический волновой океан Three.js ShaderMaterial, мышь создаёт рябь

3D-процедурный ландшафт

Холмистый ландшафт Three.js Simplex noise, четыре стиля местности

3D-неоновый туннель

Проход по неоновому геометрическому туннелю от первого лица Three.js

3D-преломление кристалла

Преломление прозрачного стеклянного кристалла Three.js MeshPhysicalMaterial

3D-вихрь частиц

Вихрь частиц в форме торнадо Three.js, притяжение и отталкивание мышью

3D-парящие кубы

Парящие кубы с PBR-материалом Three.js, гравитационное взаимодействие с мышью

3D-звёздное поле

Полёт сквозь туманность от первого лица Three.js

3D-кривые Лиссажу

Следы частиц по 3D-кривым Лиссажу Three.js, настраиваемые параметры

3D фрактальное дерево

Рекурсивно ветвящиеся сучья вырастают в трёхмерное дерево, кончики которого усыпаны светящимися листьями, качающимися на ветру.

3D бесконечная сетка

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

3D-сфера рейммарчинга

Полноэкранный фрагментный шейдер шагает лучом на каждый пиксель к волнистой сфере, вычисляя нормали и освещение в реальном времени.

3D энергетический щит

Светящаяся по Френелю оболочка несёт гексагональный энергоузор, а каждый удар посылает ударную волну от точки попадания.

3D-портал

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

3D каркасный глобус

Светящийся глобус, очерченный линиями широты и долготы, медленно вращается, а по его поверхности рассыпаны мерцающие узлы.

Частицы

15

Системы частиц, рои и конфетти-анимация

Частицы фейерверка

Canvas-фейерверк из частиц с интерактивными эффектами

Светлячки

Блуждающие точки света со светящимися следами и притяжением мыши

Частицы, реагирующие на мышь

Сетка частиц, рассеивание и сбор при столкновении с курсором

Звёздные частицы

Частицы туманности галактики, вращение и мерцание

Морфинг частиц

Один рой частиц плавно перестраивается между кругом, квадратом, звездой, сердцем и спиралью — число не меняется, каждая точка летит к новой цели.

Particle Painting

Paint with particles or fluid on canvas, multiple brush effects

Пиксельная печатная машинка

Слова появляются буква за буквой, каждая собирается из частиц, слетающихся со всех сторон, затем рассыпаются и начинают заново.

Шлейф мыши

Поток разноцветных частиц гонится за курсором и угасает; в покое курсор сам блуждает по плавной кривой.

Созвездия

Звёздные частицы с линиями созвездий, нарисованными мышью

Гравитационная воронка

Частицы, вращающиеся вокруг центральной точки гравитации Canvas 2D, как планетарная система

Cosmic Collapse

Particle gravitational collapse simulation with merging, density coloring and disk formation

Soul Ring Halo

Multi-layer glowing soul rings from white to gold, rotating with particle drift effects

Спиральная галактика

Анимация вращения частиц спиральной галактики Canvas 2D

Спиральная галактика 2D

Анимация частиц спиральной галактики Canvas 2D

Взрыв конфетти

Праздничный взрыв частиц конфетти Canvas 2D

Жидкости и физика

18

Динамика жидкостей, ткань, огонь и физические симуляции

Симуляция жидкости

2D-симуляция динамики жидкости с взаимодействием мыши

Флюидный градиент

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

Fluid Text

Fluid particles form into text after interaction

Рябь на воде

Эффект ряби на воде Canvas 2D, клик и взаимодействие с мышью

Симуляция ткани

Интегрирование Верле моделирует подвешенную ткань, свисающую под гравитацией; тяните её и добавляйте ветер.

Симуляция огня

Классический попиксельный алгоритм огня создаёт пляшущее пламя; настройте интенсивность и раздувайте курсором.

Поднимающийся дым

Эффект подъёма и диффузии частиц дыма

Лавовая лампа

Эффект лавовой лампы Canvas 2D, слияние и разделение капель

Прыгающее желе

Мягкий комок желе прыгает под силой тяжести, сплющивается при приземлении и отскакивает, дрожа; кликните, чтобы ткнуть его.

Песочное искусство

Крупинки цветного песка сыплются сверху, скользят по склонам и наслаиваются в дюны; перетаскивайте, чтобы сыпать песок где угодно.

Реакция-диффузия

Модель Грея-Скотта создаёт узоры кораллов и пятен

Каустика

Имитирует преломление солнечного света в воде, отбрасывающее подвижные сетчатые узоры света на дно.

Объёмные облака

Многослойный шум фрактального броуновского движения создаёт объёмные облака, что клубятся и плывут пиксель за пикселем.

Динамичные облака

Эффект плывущих динамичных облаков Canvas 2D

Поднимающиеся пузырьки

Физическая симуляция подъёма разноцветных пузырьков Canvas 2D

Парящие пузырьки

Эффект поднимающихся разноцветных пузырьков

Расплывание чернил

Эффект диффузии и растекания чернил Canvas 2D

Божественные лучи

Свет, пробивающийся сквозь щели, образует расходящиеся объёмные лучи; перетаскивайте источник и меняйте цвет.

Космос и астрономия

9

Планеты, звёзды и космические явления в 3D

Solar System

3D solar system with 8 planets orbiting, Saturn rings, planet labels and starfield

Earth-Moon System

3D Earth-Moon orbital simulation with Earth rotation, Moon orbit, moon phases and starfield

Binary Star System

3D binary star simulation with barycenter orbit, accretion stream and 3 star type presets

Three-Body Problem

N-body gravitational chaos simulation with figure-8, Lagrange, chaotic and hierarchical presets

Day-Night Earth

3D Earth day-night terminator, city lights, sun angle and axial tilt control

Eclipse Simulator

Solar and lunar eclipse 3D simulation with shadow cones, inclination and coverage detection

24 Solar Terms

Earth orbit through 24 solar terms with fixed axial tilt, seasonal colors and term markers

Gravitational Wave

Spacetime grid ripples from binary inspiral, single pulse and continuous wave sources

Гравитационная линза чёрной дыры

Чёрная дыра искривляет свет своей огромной гравитацией, растягивая звёздный свет в сияющее кольцо Эйнштейна.

Свет и свечение

12

Неон, плазма, лазеры и светящаяся энергия

Неоновое свечение

Свечение Bloom, неоновые ленты, пульсация цвета

Плазменный шар

Классический эффект молнии плазменного шара

Плазменное поле

Классический плазменный эффект Canvas 2D с переливом цветов

Лазерные лучи

Отражение лазерных лучей Canvas 2D с эффектами частиц

Гроза молний

Эффект дуги молнии Canvas 2D, настраиваемые параметры

Световой туннель

Перспективная проекция растягивает цветную текстуру вдоль бесконечного туннеля, создавая иллюзию вечного полёта внутрь.

Искажение света

Цветная сетка искажается, растягивается и преломляется линзоподобным гравитационным центром, а рябь течёт за курсором.

Кольцо энергетического импульса

Кольца энергии вырываются из центра, расширяясь и угасая; кликните где угодно, чтобы зажечь новый импульс.

Голографическая проекция

Динамические голографические узоры с наложением строк развёртки

Голографическая сетка

Уходящая в перспективу сетка мерцает голографическим цветом, а по ней проходит сканирующая линия, создавая ощущение sci-fi HUD.

Цветовая пульсация

Эффект пульсации цвета с ритмичным движением

Динамическая маска-раскрытие

Под тёмным полем скрыт текучий цветной узор, проявляющийся только там, где проходит блуждающая маска-прожектор.

Глитч и ретро

15

CRT, развёртки, матричный дождь и цифровые искажения

Глитч-арт

RGB-разделение, строки развёртки, эффект разрыва экрана

Глитч-волна

Текучее цветное изображение разрывается цифровыми глитчами: смещение срезов, разделение RGB и дрожащие строки развёртки.

Эффект ЭЛТ

Строки развёртки, RGB-полосы люминофора, виньетка и медленно ползущая яркая полоса воссоздают вид старого ЭЛТ-телевизора.

Строки развёртки

Тонкие строки покрывают весь кадр, а яркая полоса циклично скользит вниз, напоминая осциллографы и мониторы видеонаблюдения, с выбором оттенка.

Матричный дождь

Падающий матричный код в стиле Matrix Canvas 2D

Падающий код

Эффект падения разноцветных символов кода

Муаровый узор

Две почти одинаковые сетки накладываются; малейший сдвиг или поворот заставляет их интерферировать в подвижные муаровые полосы, кольца или линии.

Шумовая текстура

Процедурная шумовая текстура, меняющаяся кадр за кадром, переключается между телевизионным снегом и мягким плывущим туманом.

Сортировка пикселей

Разбивая каждый столбец пикселей по порогу яркости и пересортировывая их, изображение размазывается в текучие глитч-полосы.

Пикселизация

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

Хроматическая аберрация

Красный, зелёный и синий каналы смещаются в разные стороны и совмещаются, давая цветную кайму как аберрация объектива, со сдвигом.

Хроматическая дисперсия

Луч белого света входит в призму и рассеивается — каждая длина волны преломляется по-своему — расходясь в радужный спектр.

Радиальное размытие

Изображение поэтапно масштабируется и смешивается вокруг центра, создавая взрывное зум-размытие наружу с регулируемой силой.

Динамическая мозаика

Текучее изображение распадается на мозаичные плитки, размер которых «дышит» со временем, слегка дрожа и мерцая.

Динамическая радуга

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

Фракталы и геометрия

13

Математическое искусство, генеративные узоры и графы

Исследователь фракталов

Бесконечно приближайтесь к множеству Мандельброта с разными палитрами.

Множество Жюлиа

Анимированный фрактал множества Жюлиа, меняющийся с комплексной константой

Диаграмма Вороного

Движущиеся точки делят пространство на текучую мозаику Вороного

Спирограф

Рисуйте завораживающие кривые, настраивая шестерни, скорость и цвета.

Калейдоскоп

Симметричный геометрический калейдоскоп Canvas 2D

Изолинии

Анимированные топографические изолинии на меняющемся поле шума

Клеточный автомат

Игра «Жизнь» Конвея развивается со светящимися следами

Диффузионно-ограниченная агрегация

Случайно блуждающие частицы прилипают в момент касания существующей структуры, выращивая снежинкоподобные фрактальные дендриты.

Поле потока

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

Морфинг геометрии

Ритмичная решётка, концентрические волны, текучие текстуры

Градиентная сетка

Эффект текучего цвета градиентной сетки

Силовой граф

Узлы связаны пружинами и отталкиваются друг от друга; система приходит в равновесие, распутывая связи в чёткую сеть.

Визуализация магнитного поля

Визуализация линий магнитного поля Canvas 2D с движением частиц

Текстовые эффекты

6

Текст, формируемый и анимируемый частицами

Текстовые частицы

Введите любой текст — тысячи частиц слетаются в форму; нажмите, чтобы разлетелись и собрались снова.

Firework Text

Fireworks explode then particles converge into text, then disperse

Confetti Text

Confetti explodes into text, holds, then explodes again

Firefly Text

Fireflies drift, converge into text, then disperse

Fluid Text

Fluid particles form into text after interaction

Particle Text

Mouse-collided particles form text, then reform grid

Природа и погода

6

Дождь, снег, полярное сияние и природная атмосфера

Эффект дождя

Капли дождя, рябь на воде, капли на стекле

Падение снега

3D-снегопад с перспективой и влиянием ветра

Северное сияние

Градиентная анимация северного сияния Canvas 2D, динамическое течение

Интерференция волн

Визуализация интерференции двойной щели / наложения волн Canvas 2D

Визуализатор волн

Динамическая визуализация аудиоволны

Аудиовизуализатор

Анимация визуализации аудиоспектра

Восточная культура

5

Тайцзи, И-Цзин, зодиак и меридианы

Taiji Rotation Patterns

Yin-yang symbol rotating at variable speeds, trail strobe creates moiré interference patterns

I-Ching Compass

Multi-ring compass: 64 hexagrams + 8 trigrams + 24 mountains + Taiji center

Zodiac Ecliptic

Elliptic ecliptic band with 12 zodiac signs and star connections, switchable views

Zodiac Time Dial

12 Chinese hours dial with zodiac animals, pointer tracks current time

Meridian & Acupoints

3D human body with 14 meridians and major acupoints, hover for acupoint info

Галерея визуальных эффектов