Galerij van visuele effecten

Interactieve 2D- en 3D-effecten met Canvas en WebGL. Ontdek 114 effecten in 10 categorieën — puur browser, geen installatie.

114
Effecten
10
Categorieën
100%
Gratis

3D-effecten

16

3D-scènes, shaders en raymarching met Three.js

3D Deeltjesmelkwegstelsel
Three.js 8000-deeltjes spiraalstelsel met muisparallax-interactie
3D Deeltjesbol
Three.js 5000-deeltjes puntwolk bol, muisafstoting verstrooiing en hergroepering
3D Dynamische Oceaan
Three.js ShaderMaterial dynamische golf oceaan, muis creëert rimpels
3D Proceduraal Terrein
Three.js Simplex noise golvend terrein, vier landschapsstijlen
3D Neontunnel
Three.js first-person neon geometrische tunnel doorkruising
3D Kristalbreking
Three.js MeshPhysicalMaterial transparant glazen kristalbreking
3D Deeltjeswervel
Three.js tornado-vormige deeltjeswervel, muisaantrekking en -afstoting
3D Zwevende Kubussen
Three.js PBR-materiaal zwevende kubussen, muiszwaartekrachtinteractie
3D Sterrenveld
Three.js first-person melknevel warp-vlucht
3D Lissajous-curven
Three.js 3D Lissajous-curve deeltjessporen, aanpasbare parameters
3D-fractalboom
Recursief vertakkende takken groeien uit tot een 3D-boom waarvan de toppen bezaaid zijn met gloeiende bladeren die wiegen in de wind.
3D oneindig raster
Een neonrastervloer strekt zich eindeloos uit naar de horizon terwijl de lijnen vooruit scrollen met een synthwave-vaart.
3D-raymarching-bol
Een fullscreen fragment-shader stapt per pixel een straal naar een golvende bol en berekent normalen en belichting in realtime.
3D-energieschild
Een Fresnel-gl6oeiende schil draagt een hexagonaal energiepatroon, en elke inslag stuurt een schokgolf vanuit het trefpunt.
3D-portaal
Een gloeiende ring omlijst een kolkende energieschijf waarvan de textuur in poolcoördinaten woelt terwijl deeltjes het portaal in worden gezogen.
3D-draadframe-globe
Een gloeiende globe geschetst door breedte- en lengtelijnen draait langzaam, met flikkerende knooppunten verspreid over het oppervlak.

Deeltjes

15

Deeltjessystemen, zwermen en confetti-animaties

Deeltjesvuurwerk
Canvas-deeltjesvuurwerk met interactieve effecten
Glimwormdeeltjes
Dwalende lichtpunten met gloeisporen en muisaantrekkingskracht
Muisinteractieve Deeltjes
Deeltjesraster, muisbotsing verstrooiing en hergroepering
Sterdeeltjes
Melkneveldeeltjes, roterend en knipperend
Deeltjesmorf
Dezelfde zwerm deeltjes herschikt vloeiend tussen cirkel, vierkant, ster, hart en spiraal — het aantal verandert nooit, elke stip vliegt gewoon naar een nieuw doel.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Deeltjesschrijfmachine
Woorden verschijnen letter voor letter, elk opgebouwd uit deeltjes die van alle kanten invliegen, en verstuiven dan om opnieuw te beginnen.
Muisspoor
Een stroom kleurrijke deeltjes achtervolgt de aanwijzer en vervaagt; in rust dwaalt de aanwijzer zelf langs een vloeiende curve.
Sterrenbeeld
Sterdeeltjes met muis-getekende sterrenbeeldlijnen
Zwaartekrachtbron
Canvas 2D deeltjes die rond een centrale zwaartekrachtbron draaien, zoals een planetenstelsel
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
Spiraalstelsel
Canvas 2D spiraalstelsel deeltjesrotatie-animatie
Spiraalstelsel 2D
Canvas 2D spiraalstelsel deeltjesanimatie
Confetti-explosie
Canvas 2D confetti-deeltjes explosie vieringseffect

Vloeistoffen en natuurkunde

18

Vloeistofdynamica, stof, vuur en natuurkundige simulaties

Vloeistofsimulatie
2D vloeistofdynamica simulatie met muisinteractie
Vloeiend verloop
Zachte kleurvlekken drijven en mengen als vloeistof en vormen een minimale maar premium geanimeerde verloopachtergrond.
Fluid Text
Fluid particles form into text after interaction
Waterrimpel
Canvas 2D waterrimpel-effect, klik en muisinteractie
Stofsimulatie
Verlet-integratie simuleert een hangende lap stof die onder de zwaartekracht drapeert; sleep eraan en voeg wind toe.
Vuursimulatie
Klassiek pixelgebaseerd vuuralgoritme genereert dansende vlammen; pas de intensiteit aan en wakker het aan met de cursor.
Rookkolom
Deeltjesrook stijgend en verspreidend effect
Lavalamp
Canvas 2D lavalamp blobs samenvoegen en scheiden effect
Stuiterende gelei
Een zachte geleiklont stuitert onder de zwaartekracht, plet bij de landing en veert terug met een wiebelige tril; klik om erin te porren.
Zandkunst
Korrels gekleurd zand stromen van boven, glijden langs hellingen en stapelen zich op tot duinen; sleep om overal zand te gieten.
Reactie-diffusie
Gray-Scott-reactie-diffusie laat koraal- en vlekpatronen groeien
Kaustiek
Simuleert zonlicht dat door water breekt en bewegende, netachtige lichtpatronen op de bodem werpt.
Volumetrische wolken
Gelaagde ruis van fractale Brownse beweging genereert volumetrische wolken die opbollen en driften pixel voor pixel.
Bewolkte Lucht
Canvas 2D dynamische wolken drijvend effect
Bubbels Stijgen
Canvas 2D kleurrijke bubbel fysiek stijgende simulatie
Zwevende Bubbels
Kleurrijke bubbels zwevend omhoog effect
Inktverspreiding
Canvas 2D inktwas diffusie en uitloop-effect
Godsstralen
Licht dat door kieren stroomt vormt uitwaaierende volumetrische stralen; sleep de lichtbron en wissel de kleur.

Kosmos en astronomie

9

Planeten, sterren en kosmische fenomenen in 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
Zwart gat-gravitatielens
Een zwart gat buigt licht met zijn immense zwaartekracht en rekt sterlicht uit tot een gloeiende Einstein-ring.

Licht en gloed

12

Neon, plasma, lasers en lichtgevende energie

Neongloed
Bloom-gloed, neonlichtstroken, kleuradempuls
Plasmabol
Klassiek plasmabol bliksemeffect
Plasmaveld
Canvas 2D klassiek plasma-effect met vloeiende kleuren
Laserstralen
Canvas 2D laserstraal reflectie met deeltjeseffecten
Onweersstorm
Canvas 2D bliksemboog-effect, aanpasbare parameters
Lichttunnel
Perspectiefprojectie rekt een gekleurde textuur uit langs een eindeloze tunnel en wekt de illusie eeuwig naar binnen te vliegen.
Lichtvervorming
Een kleurig raster wordt vervormd, uitgerekt en gebroken door een lensachtig zwaartekrachtcentrum, met rimpelingen die de cursor volgen.
Energiepulsring
Energieringen barsten uit het midden, breiden zich uit en vervagen; klik ergens om een nieuwe puls te ontsteken.
Hologramprojectie
Holografische dynamische patronen met scanlijnoverlapping
Holografisch raster
Een in perspectief wegvallend raster glinstert in holografische kleur terwijl een scanlijn eroverheen veegt, met een sci-fi-HUD-gevoel.
Kleurpuls
Kleuradempuls-effect met ritmische beweging
Dynamische maskeronthulling
Een vloeiend kleurpatroon schuilt onder een donker veld en wordt alleen onthuld waar een zwervend spotlichtmasker langs veegt.

Glitch en retro

15

CRT, scanlijnen, matrixregen en digitale vervorming

Glitch Art
RGB-scheiding, scanlijnen, scheurende scherm glitch-effect
Glitchgolf
Een vloeiend kleurbeeld wordt verscheurd door digitale glitches: verschuivende plakken, gesplitste RGB-kanalen en trillende scanlijnen.
CRT-effect
Scanlijnen, RGB-fosforstrepen, vignet en een langzaam rollende heldere band brengen de look van een oude beeldbuis-tv terug.
Scanlijnen
Fijne scanlijnen bedekken het hele beeld terwijl een heldere band in een lus omlaag veegt, als oscilloscopen en CCTV-monitoren, met wisselbare tinten.
Matrixregen
Canvas 2D Matrix-stijl coderegen vallend effect
Regenende Code
Kleurrijke code-tekens regen vallend effect
Moirépatroon
Twee bijna identieke rasters overlappen; de minste verschuiving of rotatie laat ze interfereren tot bewegende moiréfranjes, ringen of lijnen.
Ruistextuur
Een procedurele ruistextuur die beeld voor beeld evolueert en te wisselen is tussen tv-sneeuw en zachte drijvende mist.
Pixelsortering
Elke kolom pixels op een helderheidsdrempel splitsen en opnieuw sorteren smeert het beeld uit tot stromende glitch-strepen.
Pixelatie
Een vloeiende kleurscène wordt gedownsampled tot grove mozaïekblokken met een instelbare blokgrootte.
Chromatische aberratie
De rode, groene en blauwe kanalen worden in verschillende richtingen verschoven en samengevoegd, wat kleurranden geeft als lensaberratie, met instelbare verschuiving.
Chromatische dispersie
Een bundel wit licht valt in een prisma en wordt gedispergeerd — elke golflengte breekt anders — en waaiert uit tot een regenboogspectrum.
Radiale vervaging
De afbeelding wordt stapsgewijs vergroot en rond het midden gemengd, wat een naar buiten spattende zoomvervaging geeft met instelbare sterkte.
Dynamisch mozaïek
Een vloeiend beeld valt uiteen in mozaïektegels waarvan de grootte in de tijd ademt terwijl ze licht trillen en flikkeren.
Dynamische regenboog
Regenboogbanden golven en scrollen terwijl de tint blijft cyclen, schakelbaar tussen golf-, ring- en straalmodus.

Fractals en geometrie

13

Wiskundige kunst, generatieve patronen en grafen

Fractal-verkenner
Zoom eindeloos in op de Mandelbrot-verzameling met meerdere kleurenpaletten.
Julia-verzameling
Geanimeerde Julia-fractal die verandert met een complexe constante
Voronoi-diagram
Bewegende zaden verdelen de ruimte in een vloeiend Voronoi-mozaïek
Spirograaf
Teken hypnotiserende krommen door tandwielen, snelheid en kleuren aan te passen.
Caleidoscoop
Canvas 2D symmetrische reflectie geometrische caleidoscoop
Contourlijnen
Geanimeerde topografische contourlijnen over een veranderend ruisveld
Cellulaire automaat
Conways Game of Life evolueert met gloeiende sporen
Diffusiebeperkte aggregatie
Willekeurig dwalende deeltjes plakken zodra ze de bestaande structuur raken en groeien tot sneeuwvlokachtige fractale dendrieten.
Stromingsveld
Talloze deeltjes drijven langs een ruisgebaseerd vectorveld en tekenen zijdezachte sporen als wind of zeestromingen.
Morfende Geometrie
Ritmisch raster, concentrische rimpels, vloeiende texturen
Verloopraster
Vloeiend verloopraster kleureffect
Krachtgestuurde graaf
Knopen zijn met veren verbonden terwijl ze elkaar afstoten; het systeem komt in evenwicht en ontwart de verbindingen tot een helder netwerk.
Magnetisch Veld Visualisatie
Canvas 2D magnetische veldlijnen visualisatie met deeltjesbeweging

Teksteffecten

6

Tekst gevormd en geanimeerd door deeltjes

Tekstdeeltjes
Typ een tekst en duizenden deeltjes vliegen samen tot de vorm; klik om ze te verspreiden en opnieuw te verzamelen.
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

Natuur en weer

6

Regen, sneeuw, aurora en natuurlijke sferen

Regeneffect
Regendruppels, waterrimpels, glazen druppels
Sneeuwval
3D-perspectief sneeuwval met windinvloed
Noorderlicht
Canvas 2D verloop noorderlicht-animatie, dynamische stroom
Golfinterferentie
Canvas 2D dubbele-spleet interferentie / watergolf superpositie visualisatie
Golfvormvisualisatie
Dynamische audiogolfvorm visualisatie-effect
Audiovisualisatie
Audiofrequentiespectrum visualisatie-animatie

Oosterse cultuur

5

Taiji, I-Ching, dierenriem en meridianen

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