⚡ FXBox
Bläddra bland alla effekter →

Galleri för visuella effekter

Interaktiva 2D- och 3D-effekter drivna av Canvas och WebGL. Utforska 114 effekter i 10 kategorier — ren webbläsare, ingen installation.

114
Effekter
10
Kategorier
100%
Gratis

3D-effekter

16

3D-scener, shaders och raymarching med Three.js

3D-partikelgalax
Spiralgalax av 8000 partiklar Three.js med musparallax
3D-partikelsfär
Punktmoln av 5000 partiklar Three.js, musavstötning och återgruppering
3D-dynamiskt hav
Dynamiskt våghav Three.js ShaderMaterial, mus skapar krusningar
3D-procedurterräng
Kuperad terräng Three.js Simplex noise, fyra landskapsstilar
3D-neontunnel
Färd genom neongeometrisk tunnel i förstaperson Three.js
3D-kristallrefraktion
Refraktion genomskinlig glaskristall Three.js MeshPhysicalMaterial
3D-partikelvirvel
Partikelvirvel i tornadiform Three.js, musattraktion och avstötning
3D-svävande kuber
Svävande kuber med PBR-material Three.js, gravitationsinteraktion med mus
3D-stjärnfält
Flygning genom nebulosa i förstaperson Three.js
3D-Lissajous-kurvor
Partikelspår längs 3D-Lissajous-kurvor Three.js, justerbara parametrar
3D-fraktalträd
Rekursivt grenande grenar växer till ett 3D-träd vars toppar är prickade med lysande löv som svajar i vinden.
3D oändligt rutnät
Ett neonrutnätsgolv sträcker sig oändligt mot horisonten medan linjerna rullar framåt med en synthwave-rush.
3D-raymarchingsfär
En helskärms fragmentshader marscherar en stråle per pixel mot en krusande sfär och beräknar normaler och ljus i realtid.
3D-energisköld
Ett Fresnel-lysande skal bär ett hexagonalt energimönster, och varje träff sänder en chockvåg ut från träffpunkten.
3D-portal
En lysande ring ramar in en virvlande energiskiva vars textur bubblar i polära koordinater medan partiklar dras in i portalen.
3D-trådramsglob
En lysande glob skisserad av latitud- och longitudlinjer snurrar långsamt, med flimrande noder utspridda över ytan.

Partiklar

15

Partikelsystem, svärmar och konfettianimationer

Partikelfyrverkeri
Canvas-partikelfyrverkeri med interaktiva effekter
Eldflugor
Vandrande ljuspunkter med lysande spår och musattraktion
Musinteraktiva partiklar
Partikelrutnät, spridning och återgruppering vid muskollision
Stjärnpartiklar
Galaxnebulosapartiklar, roterar och blinkar
Partikelmorf
Samma svärm av partiklar ombildas mjukt mellan cirkel, kvadrat, stjärna, hjärta och spiral — antalet ändras aldrig, varje prick flyger bara till ett nytt mål.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Partikelskrivmaskin
Ord dyker upp bokstav för bokstav, var och en byggd av partiklar som flyger in från alla håll, skingras sedan och börjar om.
Musspår
En ström av färgglada partiklar jagar pekaren och tonar bort; i vila vandrar pekaren själv längs en mjuk kurva.
Stjärnbilder
Stjärnpartiklar med stjärnbildslinjer ritade med musen
Gravitationsbrunn
Canvas 2D partiklar som kretsar kring en central gravitationspunkt, som ett planetsystem
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
Spiralgalax
Canvas 2D animering av roterande spiralgalaxpartiklar
Spiralgalax 2D
Canvas 2D spiralgalaxpartikelanimering
Konfettiexplosion
Canvas 2D konfettipartikelexplosion för firande

Vätskor och fysik

18

Vätskedynamik, tyg, eld och fysikaliska simuleringar

Vätskesimulering
2D vätskedynamiksimulering med musinteraktion
Flytande gradient
Mjuka färgklickar driver och blandas som vätska och bildar en minimal men exklusiv animerad gradientbakgrund.
Fluid Text
Fluid particles form into text after interaction
Vattenkrusning
Canvas 2D vattenkruskningseffekt, klick och musinteraktion
Tygsimulering
Verlet-integration simulerar ett hängande tyg som faller under gravitationen; dra i det och lägg till vind.
Eldsimulering
Klassisk pixelbaserad eldalgoritm skapar dansande lågor; justera intensiteten och elda på med markören.
Stigande rök
Effekt av stigande och diffuserande rökpartiklar
Lavalampa
Canvas 2D lavalampa, blobbar smälter samman och separerar
Studsande gelé
En mjuk geléklump studsar under gravitationen, plattas till vid landning och fjädrar tillbaka med ett dallrande skälv; klicka för att peta på den.
Sandkonst
Korn av färgad sand strömmar uppifrån, glider nedför sluttningar och tornar upp sig till dyner; dra för att hälla sand var som helst.
Reaktion-diffusion
Gray-Scott reaktion-diffusion skapar korall- och fläckmönster
Kaustik
Simulerar solljus som bryts genom vatten och kastar rörliga, nätliknande ljusmönster på bottnen.
Volymetriska moln
Skiktat brus av fraktal Brownsk rörelse skapar volymetriska moln som bolmar och driver pixel för pixel.
Dynamiska moln
Canvas 2D effekt av flytande dynamiska moln
Stigande bubblor
Canvas 2D fysiksimulering av stigande färgglada bubblor
Svävande bubblor
Effekt av stigande färgglada bubblor
Bläckutbredning
Canvas 2D bläckdiffusions- och utbredningseffekt
Gudastrålar
Ljus som strömmar genom springor bildar strålande volymetriska strålar; dra ljuskällan och byt färg.

Kosmos och astronomi

9

Planeter, stjärnor och kosmiska fenomen i 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
Svart håls gravitationslins
Ett svart hål böjer ljus med sin enorma gravitation och sträcker bakgrundens stjärnljus till en lysande Einstein-ring.

Ljus och glöd

12

Neon, plasma, lasrar och lysande energi

Neonljus
Bloom-glöd, neonljusremsor, färgpulsation
Plasmakula
Klassisk blixteffekt av plasmakula
Plasmafält
Canvas 2D klassisk plasmaeffekt med flytande färger
Laserstrålar
Canvas 2D laserstrålsreflektion med partikeleffekter
Åskstorm
Canvas 2D blixtbågseffekt, justerbara parametrar
Ljustunnel
Perspektivprojektion sträcker en färgad textur genom en oändlig tunnel och skapar illusionen av att flyga inåt för evigt.
Ljusförvrängning
Ett färgrutnät förvrängs, sträcks och bryts av ett linsliknande gravitationscentrum, med krusningar som flödar under markören.
Energipulsring
Energiringar brister ut från centrum, expanderar utåt och bleknar; klicka var som helst för att tända en ny puls.
Holografisk projektion
Dynamiska holografiska mönster med skannlinjeöverlagring
Holografiskt rutnät
Ett rutnät som viker undan i perspektiv skimrar i holografisk färg när en skannlinje sveper över, med en sci-fi-HUD-känsla.
Färgpuls
Färgpulsationseffekt med rytmisk rörelse
Dynamisk maskavtäckning
Ett flödande färgmönster gömmer sig under ett mörkt fält och avslöjas endast där en vandrande strålkastarmask sveper förbi.

Glitch och retro

15

CRT, sveprader, matrix-regn och digital förvrängning

Glitch-konst
RGB-delning, skannlinjer, skärmtrasningseffekt
Glitchvåg
En flödande färgbild slits sönder av digitala glitchar: förskjutna skivor, delade RGB-kanaler och darrande skannlinjer.
CRT-effekt
Svepslinjer, RGB-fosforränder, vinjett och ett långsamt rullande ljust band återskapar känslan av en gammal bildrörs-TV.
Svepslinjer
Fina svepslinjer täcker hela bilden medan ett ljust band sveper nedåt i en loop, likt oscilloskop och övervakningsmonitorer, med valbara toner.
Matrix-regn
Canvas 2D fallande kod i Matrix-stil
Fallande kod
Effekt av fallande färgglada kodtecken
Moirémönster
Två nästan identiska rutnät överlappar; minsta förskjutning eller rotation får dem att interferera till rörliga moiréfransar, ringar eller linjer.
Brustextur
En procedurell brustextur som utvecklas bild för bild och kan växlas mellan tv-brus och mjukt drivande dimma.
Pixelsortering
Att dela varje kolumn av pixlar efter ett ljusstyrketröskelvärde och sortera om dem drar ut bilden till flytande glitch-ränder.
Pixelering
En flödande färgscen nedsamplas till grova mosaikblock med justerbar blockstorlek.
Kromatisk aberration
De röda, gröna och blå kanalerna förskjuts åt olika håll och kombineras, vilket ger färgfransar som linsaberration, med justerbar förskjutning.
Kromatisk dispersion
En stråle vitt ljus träder in i ett prisma och sprids — varje våglängd bryts olika — och fläktar ut till ett regnbågsspektrum.
Radiell oskärpa
Bilden skalas upp i steg och blandas kring mitten, vilket skapar en utåtriktad zoom-oskärpa med justerbar styrka.
Dynamisk mosaik
En flödande bild bryts upp i mosaikplattor vars storlek andas över tid samtidigt som de darrar och flimrar.
Dynamisk regnbåge
Regnbågsband böljar och rullar medan nyansen ständigt cyklar, växlingsbart mellan våg-, ring- och stråleläge.

Fraktaler och geometri

13

Matematisk konst, generativa mönster och grafer

Fraktalutforskare
Zooma oändligt in i Mandelbrotmängden med flera färgpaletter.
Juliamängd
Animerad Julia-fraktal som förändras med en driftande komplex konstant
Voronoidiagram
Rörliga frön delar upp ytan i en flödande Voronoi-mosaik
Spirograf
Rita hypnotiska kurvor genom att justera kugghjul, fart och färger.
Kaleidoskop
Canvas 2D symmetrisk reflektionsgeometriskt kaleidoskop
Konturlinjer
Animerade topografiska konturlinjer över ett föränderligt brusfält
Cellulär automat
Conways Game of Life utvecklas med lysande spår
Diffusionsbegränsad aggregation
Slumpvandrande partiklar fastnar i det ögonblick de rör den befintliga strukturen och växer till snöflingelika fraktala dendriter.
Flödesfält
Otaliga partiklar driver längs ett brusbaserat vektorfält och ritar silkeslena spår likt vind eller havsströmmar.
Morfande geometri
Rytmiskt gitter, koncentriska krusningar, flytande texturer
Gradientgitter
Flytande färgeffekt av gradientgitter
Kraftstyrd graf
Noder länkas av fjädrar samtidigt som de stöter bort varandra; systemet når jämvikt och reder ut länkarna till ett tydligt nätverk.
Magnetfältvisualisering
Canvas 2D visualisering av magnetfältlinjer med partikelrörelse

Texteffekter

6

Text formad och animerad av partiklar

Textpartiklar
Skriv valfri text och tusentals partiklar flyger ihop till formen; klicka för att språka ut och samla dem igen.
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

Natur och väder

6

Regn, snö, norrsken och naturliga atmosfärer

Regneffekt
Regndroppar, vattenkrus, droppar på glas
Snöfall
3D-perspektiv snöfall med vindpåverkan
Norrsken
Canvas 2D gradientnorrskenanimering, dynamiskt flöde
Våginterferens
Canvas 2D visualisering av dubbelspaltinterferens / vågsuperposition
Vågformsvisualisering
Dynamisk visualisering av ljudvågsform
Ljudvisualisering
Animering av ljudfrekvensspektrumvisualisering

Österländsk kultur

5

Taiji, I-Ching, zodiak och meridianer

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