Galería de efectos visuales

Efectos 2D y 3D interactivos con Canvas y WebGL. Explora 114 efectos en 10 categorías — solo navegador, sin instalación.

114
Efectos
10
Categorías
100%
Gratis

Efectos 3D

16

Escenas 3D, shaders y raymarching con Three.js

Galaxia de partículas 3D
Galaxia espiral de 8000 partículas Three.js con interacción de paralaje del mouse
Esfera de partículas 3D
Esfera de nube de puntos de 5000 partículas Three.js, dispersión y reagrupamiento por repulsión del mouse
Océano dinámico 3D
Océano de olas dinámicas ShaderMaterial Three.js, el mouse crea ondulaciones
Terreno procedural 3D
Terreno ondulante Simplex noise Three.js, cuatro estilos de paisaje
Túnel neón 3D
Recorrido en túnel geométrico neón en primera persona Three.js
Refracción de cristal 3D
Refracción de cristal de vidrio transparente MeshPhysicalMaterial Three.js
Vórtice de partículas 3D
Vórtice de partículas en forma de tornado Three.js, atracción y repulsión del mouse
Cubos flotantes 3D
Cubos flotantes con material PBR Three.js, interacción de gravedad del mouse
Campo de estrellas 3D
Vuelo de deformación de nebulosa en primera persona Three.js
Curvas de Lissajous 3D
Estelas de partículas de curvas de Lissajous 3D Three.js, parámetros ajustables
Árbol fractal 3D
Ramas que se bifurcan recursivamente crecen en un árbol 3D cuyas puntas están salpicadas de hojas brillantes que se mecen con la brisa.
Cuadrícula infinita 3D
Un suelo de cuadrícula neón se extiende sin fin hacia el horizonte, con sus líneas desplazándose hacia adelante con un impulso synthwave.
Esfera de raymarching 3D
Un shader de fragmentos a pantalla completa avanza un rayo por píxel hacia una esfera ondulante, calculando normales e iluminación en tiempo real.
Escudo de energía 3D
Un caparazón con brillo de Fresnel lleva un patrón de energía hexagonal, y cada impacto envía una onda expansiva desde el punto de choque.
Portal 3D
Un anillo brillante enmarca un disco de energía en remolino cuya textura se agita en coordenadas polares mientras las partículas son absorbidas al portal.
Globo de alambre 3D
Un globo luminoso delineado por líneas de latitud y longitud gira lentamente, con nodos parpadeantes esparcidos por su superficie.

Partículas

15

Sistemas de partículas, enjambres y animaciones de confeti

Fuegos artificiales de partículas
Fuegos artificiales de partículas Canvas con efectos interactivos
Luciérnagas
Puntos de luz errantes con estelas brillantes y atracción del mouse
Partículas interactivas con el mouse
Cuadrícula de partículas, dispersión y reagrupamiento por colisión del mouse
Partículas estrelladas
Partículas de nebulosa galáctica, rotando y titilando
Transformación de partículas
El mismo enjambre de partículas se reorganiza con fluidez entre círculo, cuadrado, estrella, corazón y espiral — el número no cambia, cada punto solo vuela a un nuevo destino.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Máquina de escribir de partículas
Las palabras aparecen letra a letra, cada una formada por partículas que llegan de todas partes, luego se dispersan y vuelven a empezar.
Estela del ratón
Un flujo de partículas de colores persigue al puntero y se desvanece; en reposo, el puntero vaga solo por una curva suave.
Constelación
Partículas estelares con líneas de constelación dibujadas con el mouse
Pozo de gravedad
Partículas orbitando un punto central de gravedad Canvas 2D, como un sistema planetario
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
Galaxia espiral
Animación de rotación de partículas de galaxia espiral Canvas 2D
Galaxia espiral 2D
Animación de partículas de galaxia espiral Canvas 2D
Explosión de confeti
Efecto de celebración de explosión de partículas de confeti Canvas 2D

Fluidos y física

18

Dinámica de fluidos, tela, fuego y simulaciones físicas

Simulación de fluidos
Simulación de dinámica de fluidos 2D con interacción del mouse
Degradado fluido
Suaves manchas de color se desplazan y mezclan como un fluido, formando un fondo degradado animado minimalista pero premium.
Fluid Text
Fluid particles form into text after interaction
Ondulación de agua
Efecto de ondulación de agua Canvas 2D, clic e interacción del mouse
Simulación de tela
La integración de Verlet simula una tela colgante que cae por la gravedad; arrástrala y añade viento.
Simulación de fuego
Un algoritmo de fuego clásico por píxel genera llamas danzantes; ajusta la intensidad y avívalo con el cursor.
Columna de humo
Efecto de partículas de humo ascendente y difusión
Lámpara de lava
Efecto de blobs de lámpara de lava que se fusionan y separan Canvas 2D
Gelatina saltarina
Una gelatina blanda rebota por la gravedad, se aplasta al aterrizar y vuelve a saltar temblando; haz clic para picarla.
Arte de arena
Granos de arena de colores caen desde arriba, se deslizan por las pendientes y se amontonan en dunas; arrastra para verter arena en cualquier parte.
Reacción-difusión
La reacción-difusión de Gray-Scott genera patrones de coral y manchas
Cáusticas
Simula la refracción de la luz solar en el agua, proyectando patrones de luz reticulados y cambiantes en el fondo.
Nubes volumétricas
El ruido multicapa de movimiento browniano fractal genera nubes volumétricas que se agitan y derivan píxel a píxel.
Cielo nublado
Efecto de nubes dinámicas a la deriva Canvas 2D
Burbujas ascendentes
Simulación física de burbujas coloridas ascendentes Canvas 2D
Burbujas flotantes
Efecto de burbujas coloridas flotando hacia arriba
Difusión de tinta
Efecto de difusión y sangrado de tinta Canvas 2D
Rayos crepusculares
La luz que atraviesa las rendijas forma haces volumétricos radiantes; arrastra la fuente de luz y cambia su color.

Cosmos y astronomía

9

Planetas, estrellas y fenómenos cósmicos en 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
Lente gravitacional de agujero negro
Un agujero negro curva la luz con su inmensa gravedad, estirando la luz estelar de fondo en un brillante anillo de Einstein.

Luz y brillo

12

Neón, plasma, láseres y energía luminosa

Brillo neón
Brillo Bloom, tiras de luz neón, pulso de respiración de color
Bola de plasma
Efecto clásico de rayos de bola de plasma
Campo de plasma
Efecto plasma clásico Canvas 2D con colores fluidos
Rayos láser
Reflexión de rayo láser Canvas 2D con efectos de partículas
Tormenta de rayos
Efecto de arco de rayo Canvas 2D, parámetros ajustables
Túnel de luz
La proyección en perspectiva estira una textura de color por un túnel infinito, evocando la ilusión de volar eternamente hacia dentro.
Distorsión de luz
Una cuadrícula colorida se deforma, estira y refracta por un centro gravitatorio tipo lente, con ondas fluyendo bajo el cursor.
Anillo de pulso de energía
Anillos de energía brotan del centro, expandiéndose hacia afuera y desvaneciéndose; haz clic en cualquier parte para encender un nuevo pulso.
Proyección holográfica
Patrones dinámicos holográficos con superposición de líneas de escaneo
Rejilla holográfica
Una rejilla que se aleja en perspectiva reluce con color holográfico mientras una línea de escaneo la recorre, con estética de HUD de ciencia ficción.
Pulso de color
Efecto de pulso de respiración de color con movimiento rítmico
Revelado por máscara dinámica
Un patrón de color fluido se oculta bajo un campo oscuro y solo se revela donde pasa una máscara de foco errante.

Glitch y retro

15

CRT, líneas de escaneo, lluvia matrix y distorsión digital

Arte glitch
Separación RGB, líneas de escaneo, efecto de rasgado de pantalla
Onda de glitch
Una imagen de color fluida es desgarrada por fallos digitales: rebanadas desplazadas, canales RGB separados y líneas de escaneo temblorosas.
Efecto CRT
Líneas de barrido, franjas de fósforo RGB, viñeteado y una banda brillante que rueda lentamente recrean el aspecto de un viejo televisor de tubo.
Líneas de barrido
Finas líneas de barrido cubren todo el cuadro mientras una banda brillante barre hacia abajo en bucle, evocando osciloscopios y monitores CCTV, con tintes conmutables.
Lluvia Matrix
Efecto de lluvia de código estilo Matrix cayendo Canvas 2D
Lluvia de código
Efecto de lluvia de caracteres de código coloridos cayendo
Patrón de muaré
Dos rejillas casi idénticas se superponen; el más mínimo desplazamiento o giro las hace interferir en franjas de muaré móviles, anillos o líneas.
Textura de ruido
Una textura de ruido procedural que evoluciona fotograma a fotograma, conmutable entre la nieve de TV y una niebla suave a la deriva.
Ordenación de píxeles
Dividir cada columna de píxeles por un umbral de brillo y reordenarlos difumina la imagen en franjas de arte glitch fluidas.
Pixelación
Una escena de color fluida se submuestrea en bloques de mosaico gruesos, con tamaño de bloque ajustable.
Aberración cromática
Los canales rojo, verde y azul se desplazan en distintas direcciones y se recombinan, dando franjas de color como la aberración de una lente, con desplazamiento ajustable.
Dispersión cromática
Un haz de luz blanca entra en un prisma y se dispersa — cada longitud de onda se refracta distinto — abriéndose en un espectro de arcoíris.
Desenfoque radial
La imagen se amplía por pasos y se mezcla alrededor del centro, creando un desenfoque de zoom explosivo hacia fuera con intensidad ajustable.
Mosaico dinámico
Una imagen fluida se rompe en teselas de mosaico cuyo tamaño respira con el tiempo mientras vibran y parpadean levemente.
Arcoíris dinámico
Bandas de arcoíris ondulan y se desplazan mientras el tono cicla continuamente, conmutable entre los modos onda, anillo y haz.

Fractales y geometría

13

Arte matemático, patrones generativos y grafos

Explorador de Fractales
Amplía sin fin el conjunto de Mandelbrot con varias paletas de colores.
Conjunto de Julia
Fractal del conjunto de Julia que cambia con una constante compleja
Diagrama de Voronoi
Semillas en movimiento dividen el espacio en un mosaico de Voronoi
Espirógrafo
Dibuja curvas hipnóticas ajustando engranajes, velocidad y colores.
Caleidoscopio
Caleidoscopio geométrico de reflexión simétrica Canvas 2D
Curvas de nivel
Curvas de nivel topográficas animadas sobre un campo de ruido cambiante
Autómata celular
El Juego de la vida de Conway evoluciona con estelas brillantes
Agregación limitada por difusión
Las partículas que vagan al azar se adhieren en cuanto tocan la estructura existente, creciendo en dendritas fractales como copos de nieve.
Campo de flujo
Innumerables partículas se desplazan por un campo vectorial basado en ruido, trazando estelas sedosas como el viento o las corrientes marinas.
Geometría morfológica
Retícula rítmica, ondulaciones concéntricas, texturas fluidas
Malla de degradado
Efecto de color de malla de degradado fluido
Grafo dirigido por fuerzas
Los nodos se unen por resortes mientras se repelen; el sistema alcanza el equilibrio y desenreda los enlaces en una red clara.
Visualización de campo magnético
Visualización de líneas de campo magnético Canvas 2D con movimiento de partículas

Efectos de texto

6

Texto formado y animado por partículas

Partículas de texto
Escribe cualquier texto y miles de partículas vuelan para formarlo; haz clic para dispersarlas y reagruparlas.
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

Naturaleza y clima

6

Lluvia, nieve, aurora y atmósferas naturales

Efecto de lluvia
Gotas de lluvia, ondulaciones de agua, gotas en el cristal
Nevada
Nevada con perspectiva 3D e influencia del viento
Aurora boreal
Animación de aurora con degradado Canvas 2D, flujo dinámico
Interferencia de ondas
Visualización de interferencia de doble rendija / superposición de ondas de agua Canvas 2D
Visualizador de forma de onda
Efecto de visualización dinámica de forma de onda de audio
Visualizador de audio
Animación de visualización del espectro de frecuencia de audio

Cultura oriental

5

Taiji, I-Ching, zodiaco y meridianos

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