Galeria efektów wizualnych

Interaktywne efekty 2D i 3D napędzane przez Canvas i WebGL. Odkryj 114 efektów w 10 kategoriach — czysta przeglądarka, bez instalacji.

114
Efekty
10
Kategorie
100%
Darmowe

Efekty 3D

16

Sceny 3D, shadery i raymarching z Three.js

Galaktyka cząsteczek 3D
Spiralna galaktyka 8000 cząsteczek Three.js z paralaksą myszy
Sfera cząsteczek 3D
Chmura punktów 5000 cząsteczek Three.js, odpychanie i grupowanie myszą
Dynamiczny ocean 3D
Dynamiczny falowy ocean Three.js ShaderMaterial, mysz tworzy zmarszczki
Proceduralny teren 3D
Pofałdowany teren Three.js Simplex noise, cztery style krajobrazu
Neonowy tunel 3D
Przejazd neonowym geometrycznym tunelem z perspektywy pierwszej osoby Three.js
Refrakcja kryształu 3D
Refrakcja przezroczystego szklanego kryształu Three.js MeshPhysicalMaterial
Wir cząsteczek 3D
Wir cząsteczek w kształcie tornada Three.js, przyciąganie i odpychanie myszą
Lewitujące sześciany 3D
Lewitujące sześciany z materiałem PBR Three.js, interakcja grawitacyjna z myszą
Gwiezdne pole 3D
Lot przez mgławicę z perspektywy pierwszej osoby Three.js
Krzywe Lissajous 3D
Ślady cząsteczek po krzywych Lissajous 3D Three.js, regulowane parametry
Fraktalne drzewo 3D
Rekurencyjnie rozgałęziające się konary wyrastają w trójwymiarowe drzewo, którego czubki zdobią świecące liście kołyszące się na wietrze.
Nieskończona siatka 3D
Neonowa podłoga-siatka ciągnie się bez końca ku horyzontowi, a jej linie przewijają się naprzód z synthwave’owym pędem.
Kula raymarchingu 3D
Pełnoekranowy shader fragmentów krok po kroku prowadzi promień na piksel ku falującej kuli, obliczając normalne i oświetlenie w czasie rzeczywistym.
Tarcza energetyczna 3D
Świecąca efektem Fresnela powłoka niesie heksagonalny wzór energii, a każde uderzenie wysyła falę uderzeniową z punktu trafienia.
Portal 3D
Świecący pierścień otacza wirujący dysk energii, którego tekstura kłębi się we współrzędnych biegunowych, a cząstki są wciągane w portal.
Globus szkieletowy 3D
Świecący globus zarysowany liniami szerokości i długości obraca się powoli, a po jego powierzchni rozsiane są migoczące węzły.

Cząsteczki

15

Systemy cząsteczek, roje i animacje konfetti

Fajerwerki cząsteczkowe
Fajerwerki z cząsteczek Canvas z efektami interaktywnymi
Świetliki
Błądzące punkty świetlne ze świecącymi śladami i przyciąganiem myszy
Cząsteczki interaktywne z myszą
Siatka cząsteczek, rozpraszanie i grupowanie przy zderzeniu z kursorem
Gwiezdne cząsteczki
Cząsteczki mgławicy galaktyki, obrót i migotanie
Morfing cząstek
Ten sam rój cząstek płynnie przekształca się między kołem, kwadratem, gwiazdą, sercem i spiralą — liczba się nie zmienia, każda kropka leci do nowego celu.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Cząsteczkowa maszyna do pisania
Słowa pojawiają się litera po literze, każda złożona z cząstek nadlatujących zewsząd, po czym rozpraszają się i zaczynają od nowa.
Ślad myszy
Strumień kolorowych cząstek goni wskaźnik i zanika; w bezruchu wskaźnik sam wędruje po gładkiej krzywej.
Gwiazdozbiory
Cząsteczki gwiazd z liniami gwiazdozbiorów rysowanymi myszą
Studnia grawitacyjna
Cząsteczki krążące wokół centralnego punktu grawitacji Canvas 2D, jak układ planetarny
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
Spiralna galaktyka
Animacja obrotu cząsteczek spiralnej galaktyki Canvas 2D
Spiralna galaktyka 2D
Animacja cząsteczek spiralnej galaktyki Canvas 2D
Eksplozja konfetti
Świąteczna eksplozja cząsteczek konfetti Canvas 2D

Płyny i fizyka

18

Dynamika płynów, tkanina, ogień i symulacje fizyczne

Symulacja płynów
Symulacja dynamiki płynów 2D z interakcją myszy
Płynny gradient
Miękkie plamy koloru dryfują i mieszają się jak płyn, tworząc minimalistyczne, lecz eleganckie animowane tło gradientowe.
Fluid Text
Fluid particles form into text after interaction
Zmarszczki wody
Efekt zmarszczek wody Canvas 2D, kliknięcie i interakcja myszy
Symulacja tkaniny
Integracja Verleta symuluje wiszącą tkaninę opadającą pod wpływem grawitacji; pociągnij ją i dodaj wiatr.
Symulacja ognia
Klasyczny algorytm ognia piksel po pikselu tworzy tańczące płomienie; reguluj intensywność i podsycaj kursorem.
Unoszący się dym
Efekt unoszenia się i dyfuzji cząsteczek dymu
Lawa lampa
Efekt lawy lampy Canvas 2D, łączenie i rozdzielanie plam
Skacząca galaretka
Miękka galaretka skacze pod wpływem grawitacji, spłaszcza się przy lądowaniu i odbija, drżąc; kliknij, aby ją szturchnąć.
Sztuka z piasku
Ziarnka kolorowego piasku sypią się z góry, zsuwają po zboczach i piętrzą w wydmy; przeciągaj, aby sypać piasek gdziekolwiek.
Reakcja-dyfuzja
Model Graya-Scotta tworzy wzory koralowców i plamek
Kaustyka
Symuluje załamanie światła słonecznego w wodzie, rzucające ruchome, siatkowe wzory światła na dno.
Chmury wolumetryczne
Wielowarstwowy szum fraktalnego ruchu Browna tworzy wolumetryczne chmury kłębiące się i dryfujące piksel po pikselu.
Dynamiczne chmury
Efekt płynących dynamicznych chmur Canvas 2D
Unoszące się bąbelki
Symulacja fizyczna unoszenia się kolorowych bąbelków Canvas 2D
Lewitujące bąbelki
Efekt unoszących się kolorowych bąbelków
Rozlewanie atramentu
Efekt dyfuzji i rozlewania atramentu Canvas 2D
Promienie boskie
Światło przebijające się przez szczeliny tworzy rozchodzące się objętościowe smugi; przeciągaj źródło i zmieniaj kolor.

Kosmos i astronomia

9

Planety, gwiazdy i zjawiska kosmiczne w 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
Soczewka grawitacyjna czarnej dziury
Czarna dziura zakrzywia światło swą ogromną grawitacją, rozciągając światło gwiazd w świecący pierścień Einsteina.

Światło i blask

12

Neon, plazma, lasery i świecąca energia

Świecenie neonowe
Poświata Bloom, neonowe paski, pulsujące oddychanie koloru
Kula plazmowa
Klasyczny efekt błysku kuli plazmowej
Pole plazmowe
Klasyczny efekt plazmy Canvas 2D z płynącymi kolorami
Wiązki laserowe
Odbicie wiązek laserowych Canvas 2D z efektami cząsteczek
Burza z piorunami
Efekt łuku pioruna Canvas 2D, regulowane parametry
Świetlny tunel
Rzut perspektywiczny rozciąga kolorową teksturę wzdłuż nieskończonego tunelu, tworząc iluzję nieustannego lotu w głąb.
Zniekształcenie światła
Kolorowa siatka jest zniekształcana, rozciągana i załamywana przez soczewkowe centrum grawitacji, a fale płyną za kursorem.
Pierścień impulsu energii
Pierścienie energii wybuchają ze środka, rozszerzając się i zanikając; kliknij gdziekolwiek, aby wzniecić nowy impuls.
Projekcja holograficzna
Dynamiczne wzory holograficzne z nakładaniem linii skanowania
Siatka holograficzna
Cofająca się w perspektywie siatka mieni się holograficznym kolorem, gdy przez nią przesuwa się linia skanująca, w klimacie sci-fi HUD.
Puls koloru
Efekt pulsującego oddychania koloru z rytmicznym ruchem
Dynamiczne odsłanianie maską
Pod ciemnym tłem kryje się płynący kolorowy wzór, ujawniany tylko tam, gdzie przechodzi wędrująca maska reflektora.

Glitch i retro

15

CRT, linie skanowania, deszcz matrix i zniekształcenia cyfrowe

Sztuka glitch
RGB rozdzielenie, linie skanowania, efekt rozdarcia ekranu
Fala usterek
Płynący kolorowy obraz jest rozrywany przez cyfrowe usterki: przesuwane plasterki, rozdzielone kanały RGB i drżące linie skanowania.
Efekt CRT
Linie skanowania, paski luminoforu RGB, winieta i wolno przesuwający się jasny pas odtwarzają wygląd starego telewizora kineskopowego.
Linie skanowania
Cienkie linie pokrywają całą klatkę, a jasny pas przesuwa się w dół w pętli, przywodząc na myśl oscyloskopy i monitory CCTV, z wyborem barwy.
Deszcz Matrix
Opadający kod w stylu Matrix Canvas 2D
Padający kod
Efekt opadania kolorowych znaków kodu
Wzór mory
Dwie niemal identyczne siatki nakładają się; najmniejsze przesunięcie lub obrót sprawia, że interferują w przesuwające się prążki mory, pierścienie lub linie.
Tekstura szumu
Proceduralna tekstura szumu zmieniająca się klatka po klatce, przełączana między telewizyjnym śniegiem a miękką płynącą mgłą.
Sortowanie pikseli
Dzielenie każdej kolumny pikseli według progu jasności i ich sortowanie rozmazuje obraz w płynące smugi glitch-artu.
Pikselizacja
Płynna kolorowa scena jest zmniejszana do zgrubnych bloków mozaiki o regulowanym rozmiarze.
Aberracja chromatyczna
Kanały czerwony, zielony i niebieski są przesuwane w różne strony i łączone, dając kolorowe obwódki jak aberracja obiektywu, z regulacją.
Dyspersja chromatyczna
Wiązka białego światła wchodzi w pryzmat i ulega dyspersji — każda długość fali załamuje się inaczej — rozkładając się w tęczowe widmo.
Rozmycie promieniste
Obraz jest stopniowo powiększany i mieszany wokół środka, tworząc wybuchowe rozmycie zoom na zewnątrz o regulowanej sile.
Dynamiczna mozaika
Płynący obraz rozpada się na kafelki mozaiki, których rozmiar oddycha w czasie, lekko drgając i migocząc.
Dynamiczna tęcza
Tęczowe pasma falują i przewijają się, a barwa nieustannie się cyklicznie zmienia; przełączalne między trybem fali, pierścienia i wiązki.

Fraktale i geometria

13

Sztuka matematyczna, wzory generatywne i grafy

Odkrywca Fraktali
Powiększaj bez końca zbiór Mandelbrota z kilkoma paletami kolorów.
Zbiór Julii
Animowany fraktal zbioru Julii zmieniający się wraz ze stałą zespoloną
Diagram Woronoja
Ruchome punkty dzielą przestrzeń na płynną mozaikę Woronoja
Spirograf
Rysuj hipnotyzujące krzywe, regulując koła zębate, prędkość i kolory.
Kalejdoskop
Symetryczny geometryczny kalejdoskop Canvas 2D
Linie konturowe
Animowane poziomice topograficzne na zmiennym polu szumu
Automat komórkowy
Gra w życie Conwaya ewoluuje ze świecącymi śladami
Agregacja ograniczona dyfuzją
Losowo błądzące cząstki przyklejają się w chwili dotknięcia istniejącej struktury, tworząc śnieżynkowe fraktalne dendryty.
Pole przepływu
Niezliczone cząstki płyną wzdłuż pola wektorowego opartego na szumie, tworząc jedwabiste ślady niczym wiatr lub prądy.
Morfing geometrii
Rytmiczna siatka, koncentryczne zmarszczki, płynące tekstury
Siatka gradientu
Efekt płynącego koloru siatki gradientu
Graf siłowy
Węzły łączą sprężyny, jednocześnie odpychając się nawzajem; układ dochodzi do równowagi, rozplątując połączenia w czytelną sieć.
Wizualizacja pola magnetycznego
Wizualizacja linii pola magnetycznego Canvas 2D z ruchem cząsteczek

Efekty tekstowe

6

Tekst formowany i animowany przez cząsteczki

Cząstki tekstu
Wpisz dowolny tekst, a tysiące cząstek zlecą się w kształt; kliknij, aby je rozproszyć i zebrać ponownie.
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

Natura i pogoda

6

Deszcz, śnieg, zorza i naturalne atmosfery

Efekt deszczu
Krople deszczu, zmarszczki wody, krople na szkle
Opadanie śniegu
3D opadanie śniegu w perspektywie z wpływem wiatru
Zorza polarna
Gradientowa animacja zorzy polarnej Canvas 2D, dynamiczny przepływ
Interferencja fal
Wizualizacja interferencji podwójnej szczeliny / nakładania fal Canvas 2D
Wizualizator fal
Dynamiczna wizualizacja fali dźwiękowej
Wizualizator audio
Animacja wizualizacji widma częstotliwości audio

Kultura wschodnia

5

Taiji, I-Ching, zodiak i meridiany

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