⚡ FXBox
Alle Effekte ansehen →

Galerie der visuellen Effekte

Interaktive 2D- und 3D-Effekte mit Canvas und WebGL. Entdecken Sie 114 Effekte in 10 Kategorien — rein browserbasiert, keine Installation.

114
Effekte
10
Kategorien
100%
Kostenlos

3D-Effekte

16

3D-Szenen, Shader und Raymarching mit Three.js

3D-Partikel-Galaxie
Three.js 8000-Partikel-Spiralgalaxie mit Maus-Parallaxe-Interaktion
3D-Partikel-Kugel
Three.js 5000-Partikel-Punktwolken-Kugel, Maus-Abstoßung Streuung und Regruppierung
3D-Dynamischer Ozean
Three.js ShaderMaterial dynamische Wellen-Ozean, Maus erzeugt Wellen
3D-Prozedurales Gelände
Three.js Simplex noise welliges Gelände, vier Landschaftsstile
3D-Neon-Tunnel
Three.js Egoperspektive Neon-Geometrie-Tunnel-Durchquerung
3D-Kristallbrechung
Three.js MeshPhysicalMaterial transparente Glaskristall-Brechung
3D-Partikel-Wirbel
Three.js tornadoförmiger Partikelwirbel, Mausanziehung und -abstoßung
3D-Schwebende Würfel
Three.js PBR-Material schwebende Würfel, Maus-Gravitationsinteraktion
3D-Sternenfeld
Three.js Egoperspektive Nebel-Warp-Flug
3D-Lissajous-Kurven
Three.js 3D-Lissajous-Kurven-Partikelspuren, einstellbare Parameter
3D-Fraktalbaum
Sich rekursiv verzweigende Äste wachsen zu einem 3D-Baum, dessen Spitzen mit leuchtenden Blättern gesprenkelt sind, die im Wind wiegen.
3D-Endlosgitter
Ein Neon-Gitterboden erstreckt sich endlos zum Horizont, während seine Linien mit einem Synthwave-Schwung nach vorn scrollen.
3D-Raymarching-Kugel
Ein Vollbild-Fragment-Shader schreitet pro Pixel einen Strahl zu einer wogenden Kugel und berechnet Normalen und Beleuchtung in Echtzeit.
3D-Energieschild
Eine Fresnel-leuchtende Hülle trägt ein hexagonales Energiemuster, und jeder Treffer sendet eine Schockwelle vom Einschlagpunkt aus.
3D-Portal
Ein leuchtender Ring rahmt eine wirbelnde Energiescheibe, deren Textur in Polarkoordinaten brodelt, während Partikel ins Portal gezogen werden.
3D-Drahtgitter-Globus
Ein leuchtender Globus, umrissen von Breiten- und Längenlinien, dreht sich langsam, mit flackernden Knoten über die Oberfläche verstreut.

Partikel

15

Partikelsysteme, Schwärme und Konfetti-Animationen

Partikel-Feuerwerk
Canvas-Partikel-Feuerwerk mit interaktiven Effekten
Glühwürmchen-Partikel
Wandernde Lichtpunkte mit Leuchtspuren und Mausanziehung
Maus-Interaktive Partikel
Partikelgitter, Mauskollision Streuung und Regruppierung
Sternen-Partikel
Galaxie-Nebel-Partikel, rotierend und funkend
Partikel-Morph
Derselbe Partikelschwarm ordnet sich fließend zwischen Kreis, Quadrat, Stern, Herz und Spirale um — die Anzahl bleibt gleich, jeder Punkt fliegt nur zu einem neuen Ziel.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Partikel-Schreibmaschine
Wörter erscheinen Buchstabe für Buchstabe, jeder aus von überall her einfliegenden Partikeln geformt, zerstreuen sich dann und beginnen neu.
Mausspur
Ein Strom bunter Partikel jagt dem Zeiger nach und verblasst; im Ruhezustand wandert der Zeiger selbst entlang einer sanften Kurve.
Sternbild
Sternpartikel mit Maus-gezeichneten Sternbildlinien
Gravitationsbrunnen
Canvas 2D Partikel um zentralen Gravitationspunkt kreisend, wie ein Planetensystem
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
Spiralgalaxie
Canvas 2D Spiralgalaxie-Partikel-Rotations-Animation
Spiralgalaxie 2D
Canvas 2D Spiralgalaxie-Partikel-Animation
Konfetti-Explosion
Canvas 2D Konfetti-Partikel-Explosions-Feier-Effekt

Fluide und Physik

18

Fluiddynamik, Stoff, Feuer und physikalische Simulationen

Flüssigkeitssimulation
2D-Fluiddynamik-Simulation mit Mausinteraktion
Flüssiger Verlauf
Weiche Farbkleckse treiben und verschmelzen wie Flüssigkeit und bilden einen minimalen, aber edlen animierten Verlaufshintergrund.
Fluid Text
Fluid particles form into text after interaction
Wasserwellen
Canvas 2D Wasserwellen-Effekt, Klick- und Mausinteraktion
Stoffsimulation
Die Verlet-Integration simuliert ein hängendes Tuch, das unter der Schwerkraft fällt; zieh daran und füge Wind hinzu.
Feuersimulation
Ein klassischer pixelbasierter Feueralgorithmus erzeugt tanzende Flammen; passe die Intensität an und schüre es mit dem Cursor.
Rauchfahne
Partikel-Rauch-Steig- und Diffusionseffekt
Lavalampe
Canvas 2D Lavalampen-Blobs verschmelzen und trennen
Hüpfender Wackelpudding
Ein weicher Wackelpudding hüpft unter der Schwerkraft, plattet beim Aufprall ab und federt zitternd zurück; zum Anstupsen klicken.
Sandkunst
Körner aus farbigem Sand rieseln von oben, gleiten Hänge hinab und türmen sich zu Dünen; ziehe, um überall Sand zu schütten.
Reaktion-Diffusion
Gray-Scott-Reaktion-Diffusion erzeugt Korallen- und Fleckenmuster
Kaustik
Simuliert durch Wasser gebrochenes Sonnenlicht, das bewegliche, netzartige Lichtmuster auf den Grund wirft.
Volumetrische Wolken
Geschichtetes Rauschen aus fraktaler Brownscher Bewegung erzeugt volumetrische Wolken, die Pixel für Pixel quellen und ziehen.
Wolkenhimmel
Canvas 2D dynamischer Wolkenzieh-Effekt
Blasen steigen
Canvas 2D bunte Blasenphysik-Steig-Simulation
Schwebende Blasen
Bunte Blasen schweben nach oben Effekt
Tintenausbreitung
Canvas 2D Tintenwäsche-Diffusions- und Ausbluteffekt
Gottesstrahlen
Durch Spalten strömendes Licht bildet strahlende volumetrische Bündel; ziehe die Lichtquelle und wechsle die Farbe.

Kosmos und Astronomie

9

Planeten, Sterne und kosmische Phänomene 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
Gravitationslinse eines Schwarzen Lochs
Ein Schwarzes Loch krümmt Licht mit seiner enormen Gravitation und dehnt Sternenlicht zu einem leuchtenden Einsteinring.

Licht und Glühen

12

Neon, Plasma, Laser und leuchtende Energie

Neon-Glühen
Bloom-Glühen, Neon-Lichtstreifen, farbige Atemimpulse
Plasma-Kugel
Klassischer Plasma-Kugel-Blitz-Effekt
Plasma-Feld
Canvas 2D klassischer Plasma-Effekt mit fließenden Farben
Laserstrahlen
Canvas 2D Laserstrahl-Reflexion mit Partikeleffekten
Gewitter
Canvas 2D Blitzbogen-Effekt, einstellbare Parameter
Lichttunnel
Die Perspektivprojektion dehnt eine farbige Textur durch einen endlosen Tunnel und erzeugt die Illusion, ewig nach innen zu fliegen.
Lichtverzerrung
Ein farbiges Gitter wird von einem linsenartigen Gravitationszentrum verzerrt, gestreckt und gebrochen, während Wellen dem Cursor folgen.
Energie-Pulsring
Energieringe brechen aus der Mitte hervor, dehnen sich nach außen aus und verblassen; klicke irgendwo, um einen neuen Puls zu zünden.
Hologramm-Projektion
Holographische dynamische Muster mit Scanlinien-Overlay
Holografisches Gitter
Ein perspektivisch zurückweichendes Gitter schimmert in holografischer Farbe, während eine Scanlinie darüberstreicht — mit Sci-Fi-HUD-Gefühl.
Farbpuls
Farb-Atempuls-Effekt mit rhythmischer Bewegung
Dynamische Maskenenthüllung
Ein fließendes Farbmuster verbirgt sich unter einem dunklen Feld und wird nur dort enthüllt, wo eine wandernde Scheinwerfermaske vorbeizieht.

Glitch und Retro

15

CRT, Scanlines, Matrix-Regen und digitale Verzerrung

Glitch-Art
RGB-Aufspaltung, Scanlinien, Bildschirm-Zerreißen Glitch-Effekt
Glitch-Welle
Ein fließendes Farbbild wird von digitalen Glitches zerrissen: verschobene Scheiben, getrennte RGB-Kanäle und zitternde Scanlinien.
CRT-Effekt
Abtastlinien, RGB-Phosphorstreifen, Vignette und ein langsam rollendes helles Band lassen den Look eines alten Röhrenfernsehers aufleben.
Abtastlinien
Feine Abtastlinien bedecken das ganze Bild, während ein helles Band in einer Schleife nach unten wandert — wie Oszilloskope und Überwachungsmonitore, mit wählbarem Farbton.
Matrix-Regen
Canvas 2D Matrix-Stil Code-Regen-Effekt
Code-Regen
Bunter Code-Zeichen-Regen-Effekt
Moiré-Muster
Zwei nahezu identische Raster überlappen sich; der kleinste Versatz oder eine Drehung lässt sie zu wandernden Moiré-Streifen interferieren, Ringe oder Linien.
Rauschtextur
Eine prozedurale Rauschtextur, die sich Bild für Bild entwickelt und zwischen TV-Rauschen und sanft ziehendem Nebel umschaltbar ist.
Pixelsortierung
Jede Pixelspalte nach einem Helligkeitsschwellwert zu teilen und neu zu sortieren zieht das Bild zu fließenden Glitch-Art-Streifen.
Pixelierung
Eine fließende Farbszene wird zu groben Mosaikblöcken heruntergerechnet, mit einstellbarer Blockgröße.
Chromatische Aberration
Der rote, grüne und blaue Kanal werden in verschiedene Richtungen versetzt und neu kombiniert, was Farbsäume wie eine Objektivaberration ergibt, mit einstellbarem Versatz.
Chromatische Dispersion
Ein weißer Lichtstrahl tritt in ein Prisma ein und wird zerstreut — jede Wellenlänge bricht anders — und fächert sich zu einem Regenbogenspektrum auf.
Radiale Unschärfe
Das Bild wird schrittweise vergrößert und um die Mitte überlagert, was eine nach außen strahlende Zoom-Unschärfe mit einstellbarer Stärke ergibt.
Dynamisches Mosaik
Ein fließendes Bild zerfällt in Mosaikkacheln, deren Größe mit der Zeit atmet, während sie leicht zittern und flackern.
Dynamischer Regenbogen
Regenbogenbänder wogen und scrollen, während der Farbton ständig durchläuft; umschaltbar zwischen Wellen-, Ring- und Strahlmodus.

Fraktale und Geometrie

13

Mathematische Kunst, generative Muster und Graphen

Fraktal-Explorer
Zoome endlos in die Mandelbrot-Menge mit mehreren Farbpaletten.
Julia-Menge
Animiertes Julia-Fraktal, das sich mit einer komplexen Konstante verwandelt
Voronoi-Diagramm
Bewegte Keimpunkte teilen den Raum in ein fließendes Voronoi-Mosaik
Spirograph
Zeichne hypnotische Kurven, indem du Zahnräder, Tempo und Farben einstellst.
Kaleidoskop
Canvas 2D symmetrische Reflexion geometrisches Kaleidoskop
Höhenlinien
Animierte topografische Höhenlinien über einem sich wandelnden Rauschfeld
Zellulärer Automat
Conways Spiel des Lebens entwickelt sich mit leuchtenden Spuren
Diffusionsbegrenzte Aggregation
Zufällig wandernde Teilchen bleiben im Moment der Berührung der bestehenden Struktur haften und wachsen zu schneeflockenartigen fraktalen Dendriten.
Strömungsfeld
Unzählige Partikel treiben entlang eines rauschbasierten Vektorfelds und zeichnen seidige Spuren wie Wind oder Meeresströmungen.
Morphende Geometrie
Rhythmisches Gitter, konzentrische Wellen, fließende Texturen
Verlaufsgitter
Fließender Verlaufsgitter-Farbeffekt
Kraftgesteuerter Graph
Knoten sind durch Federn verbunden und stoßen sich zugleich ab; das System findet ein Gleichgewicht und entwirrt die Verbindungen zu einem klaren Netz.
Magnetfeld-Visualisierung
Canvas 2D Magnetfeldlinien-Visualisierung mit Partikelbewegung

Texteffekte

6

Durch Partikel gebildeter und animierter Text

Textpartikel
Tippe einen Text und Tausende Partikel fliegen zur Form zusammen; klicke, um sie zu zerstreuen und neu zu sammeln.
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 und Wetter

6

Regen, Schnee, Aurora und natürliche Atmosphären

Regen-Effekt
Regentropfen, Wasserwellen, Glastropfen
Schneefall
3D-Perspektive Schneefall mit Windeinfluss
Polarlichter
Canvas 2D Verlauf-Polarlicht-Animation, dynamisches Fließen
Welleninterferenz
Canvas 2D Doppel-Spalt-Interferenz / Wasserwellen-Superposition Visualisierung
Wellenform-Visualisierer
Dynamische Audio-Wellenform-Visualisierung
Audio-Visualisierer
Audio-Frequenzspektrum-Visualisierungs-Animation

Östliche Kultur

5

Taiji, I-Ching, Tierkreis und Meridiane

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