Galerie vizuálních efektů

Interaktivní 2D a 3D efekty poháněné Canvasem a WebGL. Prozkoumejte 114 efektů v 10 kategoriích — čistě prohlížeč, bez instalace.

114
Efekty
10
Kategorie
100%
Zdarma

3D efekty

16

3D scény, shadery a raymarching s Three.js

3D částicová galaxie
Three.js 8000-částicová spirálová galaxie s interakcí parallaxu myší
3D částicová koule
Three.js 5000-částicová koule bodového oblaku, rozptyl a seskupení odpuzováním myší
3D dynamický oceán
Three.js ShaderMaterial dynamický vlnový oceán, myš vytváří vlnky
3D procedurální terén
Three.js Simplex noise zvlněný terén, čtyři styly krajiny
3D neonový tunel
Three.js průchod neonovým geometrickým tunelem z pohledu první osoby
3D lom krystalu
Three.js MeshPhysicalMaterial průhledný skleněný lom krystalu
3D částicový vír
Three.js tornádo-tvarovaný částicový vír, přitažlivost a odpuzení myší
3D plovoucí kostky
Three.js PBR materiál plovoucí kostky, interakce gravitace myší
3D hvězdné pole
Three.js let warpem mlhovinou z pohledu první osoby
3D Lissajousovy křivky
Three.js 3D Lissajousovy křivky stopy částic, nastavitelné parametry
3D fraktální strom
Rekurzivně větvící se větve vyrůstají v trojrozměrný strom, jehož konce jsou poseté zářícími listy houpajícími se ve větru.
3D nekonečná mřížka
Neonová mřížková podlaha se nekonečně táhne k horizontu a její čáry se posouvají vpřed se synthwave svištěním.
3D koule raymarchingu
Celoobrazovkový fragment shader krokuje paprsek na pixel k vlnící se kouli a v reálném čase počítá normály a osvětlení.
3D energetický štít
Fresnelovsky zářící slupka nese šestiúhelníkový energetický vzor a každý zásah vyšle rázovou vlnu z místa dopadu.
3D portál
Zářící prstenec rámuje vířivý energetický disk, jehož textura víří v polárních souřadnicích, zatímco částice jsou vtahovány do portálu.
3D drátěný glóbus
Zářící glóbus vykreslený liniemi zeměpisné šířky a délky se pomalu otáčí a po jeho povrchu jsou rozeseté blikající uzly.

Částice

15

Systémy částic, roje a animace konfet

Částicové ohňostroje
Canvas částicové ohňostroje s interaktivními efekty
Částice svatojánských mušek
Toulající se světelné body se stopami záře a přitažlivostí myši
Myší interaktivní částice
Mřížka částic, rozptyl a seskupení při kolizi myší
Hvězdné částice
Částice galaktické mlhoviny, rotující a blikající
Morfing částic
Tentýž roj částic se plynule přeskupuje mezi kruhem, čtvercem, hvězdou, srdcem a spirálou — počet se nemění, každý bod jen letí k novému cíli.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Částicový psací stroj
Slova se objevují písmeno po písmenu, každé složené z částic přilétajících ze všech stran, pak se rozptýlí a začnou znovu.
Stopa myši
Proud barevných částic honí kurzor a mizí; v klidu kurzor sám bloudí po hladké křivce.
Souhvězdí
Hvězdné částice s liniemi souhvězdí kreslenými myší
Gravitační jáma
Canvas 2D částice obíhající kolem centrálního gravitačního bodu, jako planetární systém
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
Spirálová galaxie
Canvas 2D animace rotace částic spirálové galaxie
Spirálová galaxie 2D
Canvas 2D animace částic spirálové galaxie
Exploze konfet
Canvas 2D exploze konfet oslavný efekt

Tekutiny a fyzika

18

Dynamika tekutin, látka, oheň a fyzikální simulace

Simulace tekutin
2D simulace dynamiky tekutin s interakcí myší
Tekutý gradient
Měkké barevné skvrny plují a mísí se jako kapalina a vytvářejí minimalistické, ale prémiové animované gradientové pozadí.
Fluid Text
Fluid particles form into text after interaction
Vodní vlnka
Canvas 2D efekt vodní vlnky, kliknutí a interakce myší
Simulace látky
Verletova integrace simuluje zavěšenou látku splývající gravitací; táhněte za ni a přidejte vítr.
Simulace ohně
Klasický pixelový algoritmus ohně vytváří tančící plameny; upravte intenzitu a rozdmýchejte je kurzorem.
Sloup kouře
Efekt stoupání a rozptylu částicového kouře
Lávová lampa
Canvas 2D lávová lampa shluky spojování a oddělování efekt
Skákající želé
Měkká hrouda želé skáče pod gravitací, při dopadu se splácne a odpruží zpět s roztřeseným chvěním; klepnutím do něj šťouchnete.
Pískové umění
Zrnka barevného písku se sypou shora, kloužou po svazích a vrší se do dun; tažením sypete písek kamkoli.
Reakce-difuze
Gray-Scottova reakce-difuze vytváří korálové a skvrnité vzory
Kaustika
Simuluje lom slunečního světla ve vodě, který na dno vrhá pohyblivé síťové vzory světla.
Volumetrické mraky
Vrstvený šum fraktálního Brownova pohybu vytváří volumetrické mraky, jež se valí a plují pixel po pixelu.
Oblačná obloha
Canvas 2D dynamický efekt plynoucích mraků
Stoupající bubliny
Canvas 2D fyzikální simulace stoupání barevných bublin
Plovoucí bubliny
Efekt stoupání barevných bublin vzhůru
Rozptyl inkoustu
Canvas 2D inkoust rozptyl a rozlévání efekt
Božské paprsky
Světlo pronikající skulinami tvoří rozbíhavé objemové paprsky; táhněte zdroj světla a měňte barvu.

Kosmos a astronomie

9

Planety, hvězdy a kosmické jevy ve 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
Gravitační čočka černé díry
Černá díra ohýbá světlo svou obrovskou gravitací a natahuje hvězdné světlo do zářícího Einsteinova prstence.

Světlo a záře

12

Neon, plasma, lasery a zářivá energie

Neonová záře
Bloom záře, neonové pásky, barevný pulz
Plazmová koule
Klasický bleskový efekt plazmové koule
Plazmové pole
Canvas 2D klasický plazmový efekt s plynoucími barvami
Laserové paprsky
Canvas 2D odraz laserového paprsku s částicovými efekty
Bouřka s blesky
Canvas 2D efekt bleskového oblouku, nastavitelné parametry
Světelný tunel
Perspektivní projekce natahuje barevnou texturu nekonečným tunelem a vytváří iluzi věčného letu dovnitř.
Deformace světla
Barevná mřížka je deformována, natahována a lámána čočkovitým gravitačním středem a vlnky proudí za kurzorem.
Prstenec energetického pulzu
Prstence energie vytryskávají ze středu, rozpínají se ven a slábnou; klepnutím kamkoli zažehnete nový puls.
Holografická projekce
Holografické dynamické vzory s překryvem skenovacích řádků
Holografická mřížka
Mřížka ustupující v perspektivě se třpytí holografickou barvou, zatímco přes ni přejíždí skenovací linka, s pocitem sci-fi HUD.
Barevný puls
Barevný pulzní efekt s rytmickým pohybem
Dynamické odhalení maskou
Pod tmavým polem se skrývá plynoucí barevný vzor, který se odhalí jen tam, kudy prochází bloudící maska reflektoru.

Glitch a retro

15

CRT, scanlines, matrixový déšť a digitální zkreslení

Glitch Art
RGB rozdělení, skenovací řádky, efekt trhání obrazovky glitch
Glitchová vlna
Plynoucí barevný obraz je trhán digitálními glitchi: posunuté řezy, rozdělené kanály RGB a chvějící se řádky.
CRT efekt
Řádkování, RGB fosforové pruhy, vinětace a pomalu se posouvající světlý pruh oživují vzhled staré obrazovkové televize.
Řádkování
Jemné řádky pokrývají celý obraz, zatímco jasný pruh se ve smyčce posouvá dolů, evokuje osciloskopy a monitory CCTV, s volitelnými odstíny.
Matrix déšť
Canvas 2D Matrix-styl padající déšť kódu efekt
Pršící kód
Efekt padajícího deště barevných znaků kódu
Moaré vzor
Dvě téměř totožné mřížky se překrývají; sebemenší posun či rotace je nechá interferovat do pohyblivých moaré proužků, kruhů nebo linií.
Šumová textura
Procedurální šumová textura vyvíjející se snímek po snímku, přepínatelná mezi televizním sněžením a měkkou plující mlhou.
Řazení pixelů
Rozdělení každého sloupce pixelů podle prahu jasu a jejich přeřazení rozmaže obraz do plynoucích glitch pruhů.
Pixelizace
Plynulá barevná scéna se podvzorkuje na hrubé mozaikové bloky s nastavitelnou velikostí bloku.
Chromatická aberace
Červený, zelený a modrý kanál se posunou různými směry a spojí, čímž vzniknou barevné okraje jako u aberace objektivu, s nastavitelným posunem.
Chromatická disperze
Paprsek bílého světla vstupuje do hranolu a rozkládá se — každá vlnová délka se láme jinak — a rozevírá se do duhového spektra.
Radiální rozostření
Obraz se postupně zvětšuje a mísí kolem středu, čímž vzniká ven vybuchující zoom rozostření s nastavitelnou silou.
Dynamická mozaika
Plynoucí obraz se rozpadá na mozaikové dlaždice, jejichž velikost v čase dýchá, zatímco lehce chvějí a blikají.
Dynamická duha
Duhové pruhy se vlní a posouvají, zatímco odstín se neustále cyklí; přepínatelné mezi režimem vlny, prstence a paprsku.

Fraktály a geometrie

13

Matematické umění, generativní vzory a grafy

Průzkumník fraktálů
Nekonečně přibližuj Mandelbrotovu množinu s několika barevnými paletami.
Juliova množina
Animovaný fraktál Juliovy množiny měnící se s komplexní konstantou
Voroného diagram
Pohyblivé body dělí prostor do plynulé Voroného mozaiky
Spirograf
Kresli hypnotické křivky laděním ozubených kol, rychlosti a barev.
Kaleidoskop
Canvas 2D symetrický odraz geometrický kaleidoskop
Vrstevnice
Animované topografické vrstevnice nad měnícím se polem šumu
Buněčný automat
Conwayova Hra života se vyvíjí se zářivými stopami
Difúzí omezená agregace
Náhodně bloudící částice se přilepí ve chvíli, kdy se dotknou stávající struktury, a rostou v dendrity podobné sněhovým vločkám.
Pole proudění
Nespočet částic plyne podél vektorového pole založeného na šumu a kreslí hedvábné stopy jako vítr či mořské proudy.
Morfující geometrie
Rytmická mřížka, soustředné vlny, tekoucí textury
Gradientní síť
Plynoucí barevný efekt gradientní sítě
Silově řízený graf
Uzly spojují pružiny a zároveň se navzájem odpuzují; systém dospěje k rovnováze a rozplete spoje do přehledné sítě.
Vizualizace magnetického pole
Canvas 2D vizualizace magnetických siločar s pohybem částic

Textové efekty

6

Text tvořený a animovaný částicemi

Textové částice
Napište libovolný text a tisíce částic sletí do tvaru; kliknutím je rozptýlíte a znovu shromáždíte.
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

Příroda a počasí

6

Déšť, sníh, aurora a přírodní atmosféry

Efekt deště
Kapky deště, vodní vlnky, kapky na skle
Sněžení
3D perspektivní sněžení s vlivem větru
Polární záře
Canvas 2D gradientní animace polární záře, dynamický tok
Interference vln
Canvas 2D dvojitá štěrbina interference / superpozice vodních vln vizualizace
Vizualizér křivky
Dynamický efekt vizualizace zvukové křivky
Audio vizualizér
Animace vizualizace zvukového frekvenčního spektra

Východní kultura

5

Tchaj-ťi, I-ťing, zvěrokruh a meridiány

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