Galleri for visuelle effekter

Interaktive 2D- og 3D-effekter drevet av Canvas og WebGL. Utforsk 114 effekter i 10 kategorier — ren nettleser, ingen installasjon.

114
Effekter
10
Kategorier
100%
Gratis

3D-effekter

16

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

3D Partikkel Galakse
Three.js 8000-partikkel spiral galakse med muse parallax interaksjon
3D Partikkelsfære
Three.js 5000-partikkel punktsky sfære, muse frastøting spredning og samling
3D Dynamisk Hav
Three.js ShaderMaterial dynamisk bølgehav, mus skaper krusninger
3D Procedural Terreng
Three.js Simplex noise bølget terreng, fire landskapsstiler
3D Neon Tunnel
Three.js førsteperson neon geometrisk tunnel gjennomkjøring
3D Krystal Brytning
Three.js MeshPhysicalMaterial transparent glasskrystal brytning
3D Partikkel Virvel
Three.js tornado-formet partikkelvirvel, muse tiltrekning og frastøting
3D Svevende Kuber
Three.js PBR materiale svevende kuber, muse tyngdekraftsinteraksjon
3D Stjernefelt
Three.js førsteperson tåke warp flyvning
3D Lissajous Kurver
Three.js 3D Lissajous kurve partikkelspor, justerbare parametre
3D-fraktaltre
Rekursivt forgrenende greiner vokser til et 3D-tre der toppene er prikket med lysende blader som svaier i vinden.
3D uendelig rutenett
Et neonrutenettgulv strekker seg uendelig mot horisonten mens linjene ruller framover med et synthwave-sus.
3D-raymarching-kule
En fullskjerms fragmentshader marsjerer en stråle per piksel mot en krusende kule og beregner normaler og lys i sanntid.
3D-energiskjold
Et Fresnel-lysende skall bærer et heksagonalt energimønster, og hvert treff sender en sjokkbølge ut fra treffpunktet.
3D-portal
En lysende ring rammer inn en virvlende energiskive der teksturen bruser i polare koordinater mens partikler trekkes inn i portalen.
3D-wireframe-globus
En lysende globus tegnet av bredde- og lengdegrader roterer sakte, med flimrende noder spredt over overflaten.

Partikler

15

Partikkelsystemer, sværmer og konfettianimasjoner

Partikkel Fyrverkeri
Canvas partikkel fyrverkeri med interaktive effekter
Ildflue Partikler
Streifende lyspunkter med glødende spor og muse tiltrekning
Muse Interaktive Partikler
Partikkelrutenett, musekollisjon spredning og samling
Stjernepartikler
Galakse tåke partikler, roterende og blinkende
Partikkelmorf
Den samme svermen av partikler formes jevnt om mellom sirkel, kvadrat, stjerne, hjerte og spiral — antallet endres aldri, hver prikk flyr bare til et nytt mål.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Partikkelskrivemaskin
Ord dukker opp bokstav for bokstav, hver bygd av partikler som flyr inn fra alle kanter, sprer seg så og begynner på nytt.
Musespor
En strøm av fargerike partikler jager pekeren og toner ut; i ro vandrer pekeren selv langs en myk kurve.
Stjernebilde
Stjernepartikler med musetegnede stjernebilde linjer
Tyngdekraftsbrønn
Canvas 2D partikler i bane rundt et sentralt tyngdepunkt, som et 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
Spiralgalakse
Canvas 2D spiralgalakse partikkel rotasjonsanimasjon
Spiralgalakse 2D
Canvas 2D spiralgalakse partikkel animasjon
Konfetti Eksplosjon
Canvas 2D konfetti partikkel eksplosjon feiringseffekt

Væsker og fysikk

18

Væskedynamikk, stoff, ild og fysiske simuleringer

Væskesimulering
2D væskedynamikk simulering med museinteraksjon
Flytende gradient
Myke fargeklatter driver og blandes som væske og danner en minimal, men eksklusiv animert gradientbakgrunn.
Fluid Text
Fluid particles form into text after interaction
Vannkrusning
Canvas 2D vannkrusing effekt, klikk og museinteraksjon
Tøysimulering
Verlet-integrasjon simulerer et hengende tøy som faller under tyngdekraften; dra i det og legg til vind.
Ildsimulering
Klassisk pikselbasert ildalgoritme skaper dansende flammer; juster intensiteten og fyr opp med markøren.
Røyksøyle
Partikkel røyk stigende og diffunderende effekt
Lavalampe
Canvas 2D lavalampe blobs smelting og adskillelse effekt
Hoppende gelé
En myk geléklump spretter under tyngdekraften, klemmes flat ved landing og fjærer tilbake med en dirrende risting; klikk for å pirke på den.
Sandkunst
Korn av farget sand strømmer ovenfra, glir nedover skråninger og hoper seg opp til dyner; dra for å helle sand hvor som helst.
Reaksjon-diffusjon
Gray-Scott reaksjon-diffusjon skaper korall- og flekkmønstre
Kaustikk
Simulerer sollys som brytes gjennom vann og kaster bevegelige, nettlignende lysmønstre på bunnen.
Volumetriske skyer
Lagdelt støy av fraktal brownsk bevegelse skaper volumetriske skyer som velter og driver piksel for piksel.
Skyhimmel
Canvas 2D dynamisk sky drivende effekt
Bobleoppgang
Canvas 2D fargerik boble fysikk oppgående simulering
Svevende Bobler
Fargerike bobler svevende oppad effekt
Blekkspredning
Canvas 2D blekk vaske diffusjon og spredning effekt
Gudestråler
Lys som strømmer gjennom sprekker danner strålende volumetriske stråler; dra lyskilden og bytt farge.

Kosmos og astronomi

9

Planeter, stjerner og kosmiske fenomener 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 hulls gravitasjonslinse
Et svart hull bøyer lys med sin enorme gravitasjon og strekker bakgrunnens stjernelys til en lysende Einstein-ring.

Lys og glød

12

Neon, plasma, lasere og lysende energi

Neon Glød
Bloom glød, neon lysstriper, farge pust puls
Plasmasfære
Klassisk plasmasfære lyn effekt
Plasma Felt
Canvas 2D klassisk plasma effekt med flytende farger
Laserstråler
Canvas 2D laserstråle refleksjon med partikkeleffekter
Lynstorm
Canvas 2D lynbue effekt, justerbare parametre
Lystunnel
Perspektivprojeksjon strekker en farget tekstur nedover en uendelig tunnel og skaper illusjonen av å fly innover for alltid.
Lysforvrengning
Et fargerutenett forvrenges, strekkes og brytes av et linselignende tyngdesenter, med krusninger som flyter under markøren.
Energipulsring
Energiringer bryter ut fra sentrum, utvider seg utover og falmer; klikk hvor som helst for å tenne en ny puls.
Hologram Projeksjon
Holografiske dynamiske mønstre med skannelinje overlay
Holografisk rutenett
Et rutenett som trekker seg tilbake i perspektiv skimrer i holografisk farge mens en skannlinje feier over, med en sci-fi-HUD-følelse.
Fargepuls
Farge pust puls effekt med rytmisk bevegelse
Dynamisk maskeavsløring
Et flytende fargemønster skjuler seg under et mørkt felt og avsløres bare der en vandrende spotlysmaske stryker forbi.

Glitch og retro

15

CRT, skannelinjer, matrix-regn og digital forvrengning

Glitch Art
RGB split, skannelinjer, skjerm rift glitch effekt
Glitchbølge
Et flytende fargebilde rives i stykker av digitale glitcher: forskjøvne skiver, delte RGB-kanaler og dirrende skannelinjer.
CRT-effekt
Skannelinjer, RGB-fosforstriper, vignett og et sakte rullende lyst bånd gjenskaper følelsen av en gammel bilderørs-TV.
Skannelinjer
Fine skannelinjer dekker hele bildet mens et lyst bånd feier nedover i en løkke, som oscilloskoper og overvåkingsskjermer, med valgbare toner.
Matrix Regn
Canvas 2D Matrix-stil koderegn fallende effekt
Regnende Kode
Fargerig kodetegn regn fallende effekt
Moirémønster
To nesten identiske rutenett overlapper; den minste forskyvning eller rotasjon får dem til å interferere til bevegelige moiréstriper, ringer eller linjer.
Støytekstur
En prosedural støytekstur som utvikler seg bilde for bilde og kan veksles mellom tv-snø og myk drivende tåke.
Pikselsortering
Å dele hver kolonne med piksler etter en lysstyrketerskel og sortere dem drar bildet ut i flytende glitch-striper.
Pikselering
En flytende fargescene nedsamples til grove mosaikkblokker med justerbar blokkstørrelse.
Kromatisk aberrasjon
De røde, grønne og blå kanalene forskyves i ulike retninger og kombineres, noe som gir fargefrynser som linseaberrasjon, med justerbar forskyvning.
Kromatisk dispersjon
En stråle hvitt lys går inn i et prisme og spres — hver bølgelengde brytes ulikt — og vifter ut til et regnbuespektrum.
Radial uskarphet
Bildet skaleres opp i trinn og blandes rundt midten og skaper en utoverrettet zoom-uskarphet med justerbar styrke.
Dynamisk mosaikk
Et flytende bilde brytes opp i mosaikkfliser der størrelsen puster over tid mens de dirrer og flimrer lett.
Dynamisk regnbue
Regnbuebånd bølger og ruller mens fargetonen stadig sykler, vekslbart mellom bølge-, ring- og strålemodus.

Fraktaler og geometri

13

Matematisk kunst, generative mønstre og grafer

Fraktalutforsker
Zoom uendelig inn i Mandelbrot-mengden med flere fargepaletter.
Julia-mengde
Animert Julia-fraktal som endrer form med en kompleks konstant
Voronoi-diagram
Bevegelige frø deler rommet i en flytende Voronoi-mosaikk
Spirograf
Tegn hypnotiske kurver ved å justere tannhjul, fart og farger.
Kaleidoskop
Canvas 2D symmetrisk refleksjon geometrisk kaleidoskop
Konturlinjer
Animerte topografiske konturlinjer over et skiftende støyfelt
Cellulær automat
Conways Game of Life utvikler seg med lysende spor
Diffusjonsbegrenset aggregering
Tilfeldig vandrende partikler fester seg i det øyeblikket de berører den eksisterende strukturen og vokser til snøfnugg-lignende fraktale dendritter.
Strømningsfelt
Utallige partikler driver langs et støybasert vektorfelt og tegner silkemyke spor som vind eller havstrømmer.
Morphing Geometri
Rytmisk rutenett, konsentriske krusninger, flytende teksturer
Gradientrutenett
Flytende gradientrutenett farge effekt
Kraftstyrt graf
Noder kobles av fjærer mens de frastøter hverandre; systemet finner likevekt og greier ut koblingene til et klart nettverk.
Magnetfelt Visualisering
Canvas 2D magnetfeltlinje visualisering med partikkelbevegelse

Teksteffekter

6

Tekst formet og animert av partikler

Tekstpartikler
Skriv en tekst og tusenvis av partikler flyr sammen til formen; klikk for å spre og samle dem igjen.
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 og vær

6

Regn, snø, aurora og naturlige atmosfærer

Regn Effekt
Regndråper, vannkrusninger, glassdråper
Snøfall
3D perspektiv snøfall med vindpåvirkning
Aurora Borealis
Canvas 2D gradient aurora animasjon, dynamisk flyt
Bølgeinterferens
Canvas 2D dobbeltspalte interferens / vannbølge superposisjon visualisering
Bølgeform Visualisering
Dynamisk lyd bølgeform visualisering effekt
Lydvisualisering
Lydfrekvens spektrum visualisering animasjon

Østlig kultur

5

Taiji, I-Ching, zodiak og 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