⚡ FXBox
Összes hatás megtekintése →

Vizuális hatások galériája

Interaktív 2D és 3D hatások Canvas és WebGL segítségével. Fedezze fel a 114 hatást 10 kategóriában — tiszta böngésző, nincs telepítés.

114
Hatások
10
Kategóriák
100%
Ingyenes

3D hatások

16

3D jelenetek, shaderek és raymarching Three.js-szel

3D részecske galaxis
Three.js 8000-részecskés spirálgalaxis egér parallax interakcióval
3D részecske gömb
Three.js 5000-részecskés pontfelhő gömb, egér taszítás szórás és újraegyüttgyűlés
3D dinamikus óceán
Three.js ShaderMaterial dinamikus hullám óceán, az egér fodrozódást hoz létre
3D procedurális terep
Three.js Simplex noise hullámzó terep, négy táj stílus
3D neon alagút
Three.js első személy neon geometriai alagút áthaladás
3D kristálytörés
Three.js MeshPhysicalMaterial átlátszó üveg kristálytörés
3D részecske örvény
Three.js tornádó alakú részecske örvény, egér vonzás és taszítás
3D lebegő kockák
Three.js PBR anyag lebegő kockák, egér gravitációs interakció
3D csillagmező
Three.js első személy köd warp repülés
3D Lissajous görbék
Three.js 3D Lissajous görbe részecske nyomok, állítható paraméterek
3D fraktálfa
A rekurzívan elágazó ágak háromdimenziós fává nőnek, csúcsaikat a szélben ringó világító levelek pettyezik.
3D végtelen rács
Egy neonrácspadló végtelenül nyúlik a horizont felé, vonalai előre görögnek synthwave-lendülettel.
3D raymarching gömb
Egy teljes képernyős fragmens-árnyaló pixelenként lépteti a sugarat egy hullámzó gömb felé, valós időben számítva a normálokat és a megvilágítást.
3D energiapajzs
Egy Fresnel-fényű héj hatszöges energia-mintát hordoz, és minden becsapódás lökéshullámot indít a találati pontból.
3D portál
Egy izzó gyűrű örvénylő energiakorongot keretez, amelynek textúrája poláris koordinátákban kavarog, miközben részecskék szívódnak a portálba.
3D drótváz földgömb
A szélességi és hosszúsági vonalakkal felvázolt izzó földgömb lassan forog, felületén pislákoló csomópontokkal.

Részecskék

15

Rendszerek, rajok és konfetti animációk

Részecske tűzijáték
Canvas részecske tűzijáték interaktív effektekkel
Szentjánosbogarak
Kóborló fény pontok ragyogó nyomokkal és egér vonzással
Egér interaktív részecskék
Részecske rács, egér ütközés szórás és újraegyüttgyűlés
Csillagos részecskék
Galaxis köd részecskék, forgó és ragyogó
Részecske-átalakulás
Ugyanaz a részecskeraj simán átrendeződik kör, négyzet, csillag, szív és spirál között — a szám nem változik, minden pont csak egy új célba repül.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Részecske írógép
A szavak betűnként jelennek meg, mindegyik minden irányból berepülő részecskékből áll össze, majd szétszóródnak és újrakezdenek.
Egérnyom
Színes részecskék áramlata üldözi a mutatót és elhalványul; nyugalomban a mutató magától bolyong egy sima görbén.
Csillagkép
Csillag részecskék egérrel rajzolt csillagkép vonalakkal
Gravitációs kút
Canvas 2D részecskék központi gravitációs pont körüli keringése, mint egy bolygórendszer
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
Spirálgalaxis
Canvas 2D spirálgalaxis részecske forgás animáció
Spirálgalaxis 2D
Canvas 2D spirálgalaxis részecske animáció
Konfetti robbanás
Canvas 2D konfetti részecske robbanás ünneplés effekt

Folyadékok és fizika

18

Folyadékdinamika, szövet, tűz és fizikai szimulációk

Folyadékszimuláció
2D folyadékdinamikai szimuláció egér interakcióval
Folyékony színátmenet
Lágy színfoltok folyadékként sodródnak és keverednek, minimalista, mégis prémium animált színátmenetes hátteret alkotva.
Fluid Text
Fluid particles form into text after interaction
Víz fodrozódás
Canvas 2D víz fodrozódás effekt, kattintás és egér interakció
Szövetszimuláció
A Verlet-integráció egy felfüggesztett, gravitáció hatására lelógó szövetet szimulál; húzd meg és adj hozzá szelet.
Tűzszimuláció
Klasszikus pixelalapú tűzalgoritmus táncoló lángokat kelt; állítsd az erősséget és szítsd a kurzorral.
Füst oszlop
Részecske füst emelkedés és diffúzió effekt
Láva lámpa
Canvas 2D láva lámpa blobok egyesülnek és szétválnak effekt
Pattogó zselé
Egy puha zselégombóc a gravitáció hatására pattog, landoláskor lelapul, majd remegve visszaugrik; kattints, hogy megbökd.
Homokművészet
Színes homokszemek ömlenek felülről, lejtőkön csúsznak és dűnékbe halmozódnak; húzással bárhová önthetsz homokot.
Reakció-diffúzió
A Gray-Scott reakció-diffúzió korall- és foltmintákat növeszt
Kausztika
A vízen megtörő napfényt szimulálja, mozgó, hálószerű fénymintákat vetítve a fenékre.
Térfogati felhők
A fraktál Brown-mozgás rétegzett zaja térfogati felhőket kelt, amelyek gomolyognak és sodródnak pixelről pixelre.
Felhős ég
Canvas 2D dinamikus sodródó felhő effekt
Emelkedő buborékok
Canvas 2D színes buborék fizika emelkedés szimuláció
Lebegő buborékok
Színes buborékok felfelé lebegő effekt
Tinta terjedés
Canvas 2D tinta mosódás diffúzió és vérzés effekt
Isteni sugarak
A réseken átszűrődő fény sugárzó, térfogati fénynyalábokat alkot; húzd a fényforrást és válts színt.

Kozmosz és csillagászat

9

Bolygók, csillagok és kozmikus jelenségek 3D-ben

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
Fekete lyuk gravitációs lencse
A fekete lyuk hatalmas gravitációjával elhajlítja a fényt, a háttér csillagfényét ragyogó Einstein-gyűrűvé nyújtva.

Fény és ragyogás

12

Neon, plazma, lézerek és fénylő energia

Neon ragyogás
Bloom ragyogás, neon fény csíkok, szín légzési pulzus
Plazmagömb
Klasszikus plazmagömb villám effekt
Plazma mező
Canvas 2D klasszikus plazma effekt folyó színekkel
Lézersugarak
Canvas 2D lézersugár visszaverődés részecske effektekkel
Villám vihar
Canvas 2D villámív effekt, állítható paraméterek
Fényalagút
A perspektivikus vetítés egy színes textúrát nyújt végtelen alagúton át, a folytonos befelé repülés illúzióját keltve.
Fényторzítás
Egy színes rácsot egy lencseszerű gravitációs központ torzít, nyújt és tör meg, és fodrok áramlanak a kurzor nyomában.
Energiaimpulzus-gyűrű
Energiagyűrűk törnek ki a középpontból, kifelé tágulva elhalványulnak; kattints bárhová új impulzus kiváltásához.
Hologram vetítés
Holografikus dinamikus minták scan vonal rétegezéssel
Holografikus rács
A perspektívában távolodó rács holografikus színben csillog, ahogy egy pásztázó vonal söpör át rajta, sci-fi HUD-hangulattal.
Szín pulzus
Szín légzési pulzus effekt ritmikus mozgással
Dinamikus maszkfelfedés
Egy áramló színes minta rejtőzik a sötét mező alatt, és csak ott tárul fel, ahol egy bolyongó reflektormaszk elhalad.

Glitch és retro

15

CRT, pásztázó vonalak, mátrix eső és digitális torzítás

Glitch művészet
RGB szétválás, scan vonalak, képernyő szakadás glitch effekt
Glitch hullám
Egy áramló színes képet digitális glitchek szaggatnak szét: eltolódó szeletek, szétvált RGB-csatornák és rezgő pásztázósorok.
CRT effekt
Pásztázósorok, RGB foszforcsíkok, vignetta és lassan gördülő fényes sáv idézi fel a régi képcsöves tévé hangulatát.
Pásztázósorok
Finom pásztázósorok borítják a képet, miközben egy fényes sáv ismételten lefelé söpör, oszcilloszkópokat és megfigyelő monitorokat idézve, választható színnel.
Matrix eső
Canvas 2D Matrix stílusú kód eső hulló effekt
Hulló kód
Színes kód karakter eső hulló effekt
Moiré minta
Két majdnem azonos rács fedi egymást; a legkisebb eltolás vagy elforgatás mozgó moiré-csíkokká interferálja őket, körökre és vonalakra váltva.
Zajtextúra
Képkockáról képkockára fejlődő procedurális zajtextúra, amely tévéhó és lágyan sodródó köd között váltogatható.
Pixelrendezés
Az egyes pixeloszlopok fényerőküszöb szerinti felosztása és újrarendezése folyó glitch-art csíkokká húzza szét a képet.
Pixelesítés
Egy áramló színes jelenetet durva mozaikblokkokká mintavételez le, állítható blokkmérettel.
Színi eltérés
A vörös, zöld és kék csatornát különböző irányokba toljuk és egyesítjük, így az éleken színes szegély jelenik meg, mint a lencsehibánál, állítható eltolással.
Kromatikus diszperzió
Egy fehér fénysugár prizmába lép és szétszóródik — minden hullámhossz máshogy törik meg — szivárványspektrummá legyezve.
Sugárirányú elmosás
A képet lépésenként felnagyítjuk és a középpont körül keverjük, kifelé robbanó zoom-elmosást keltve, állítható erősséggel.
Dinamikus mozaik
Egy áramló kép mozaikcsempékre bomlik, amelyek mérete idővel lélegzik, miközben enyhén rezegnek és villódznak.
Dinamikus szivárvány
A szivárványsávok hullámzanak és görögnek, miközben az árnyalat folyamatosan ciklikusan vált; hullám, gyűrű és sugár mód között váltható.

Fraktálok és geometria

13

Matematikai művészet, generatív minták és gráfok

Fraktálfelfedező
Nagyíts végtelenül a Mandelbrot-halmazba több színpalettával.
Julia-halmaz
Animált Julia-halmaz fraktál, amely a komplex állandóval változik
Voronoi-diagram
Mozgó magpontok folyékony Voronoi-mozaikra osztják a teret
Spirográf
Rajzolj hipnotikus görbéket a fogaskerekek, sebesség és színek állításával.
Kaleidoszkóp
Canvas 2D szimmetrikus tükrözés geometriai kaleidoszkóp
Szintvonalak
Animált domborzati szintvonalak egy változó zajmezőn
Sejtautomata
Conway életjátéka izzó nyomokkal fejlődik
Diffúziókorlátozott aggregáció
A véletlenszerűen bolyongó részecskék abban a pillanatban tapadnak meg, amint hozzáérnek a meglévő szerkezethez, hópehelyszerű fraktáldendriteket növesztve.
Áramlási mező
Számtalan részecske egy zaj alapú vektormező mentén sodródik, szél vagy tengeráramlat módjára selymes nyomokat rajzolva.
Morfológiai geometria
Ritmikus rács, koncentrikus fodrozódás, folyó textúrák
Színátmenet háló
Folyó színátmenet háló szín effekt
Erővezérelt gráf
A csomópontokat rugók kötik össze, miközben taszítják egymást; a rendszer egyensúlyba kerül, kibogozva a kapcsolatokat tiszta hálózattá.
Mágneses tér vizualizáció
Canvas 2D mágneses térerővonalak vizualizáció részecske mozgással

Szöveghatások

6

Részecskékkel formált és animált szöveg

Szövegrészecskék
Gépelj be bármilyen szöveget, és részecskék ezrei repülnek alakba; kattints, hogy szétszórd és újra összegyűjtsd őket.
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

Természet és időjárás

6

Eső, hó, sarki fény és természetes atmoszférák

Eső effekt
Esőcseppek, víz fodrozódás, cseppek az üvegen
Hóesés
3D perspektíva hóesés szél hatással
Sarki fény
Canvas 2D színátmenetes sarki fény animáció, dinamikus áramlás
Hullám interferencia
Canvas 2D dupla rés interferencia / vízhullám szuperpozíció vizualizáció
Hullámforma vizualizáló
Dinamikus audio hullámforma vizualizáció effekt
Audio vizualizáló
Audio frekvencia spektrum vizualizáció animáció

Keleti kultúra

5

Tajcsi, I-Csing, állatövi jegyek és meridiánok

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