⚡ FXBox
Selaa kaikkia tehosteita →

Visuaalisten tehosteiden galleria

Interaktiiviset 2D- ja 3D-tehosteet Canvasilla ja WebGL:llä. Tutki 114 tehostetta 10 kategoriassa — puhdas selain, ei asennusta.

114
Tehosteet
10
Kategoriat
100%
Ilmainen

3D-tehosteet

16

3D-kohtaukset, varjostimet ja raymarching Three.js:llä

3D Partikkeli Galaksi
Three.js 8000-partikkeli spiraaligalaksi hiiren parallax interaktiolla
3D Partikkelipallo
Three.js 5000-partikkeli pistepilvi pallo, hiiren poisto hajotus ja kokoaminen
3D Dynaaminen Meri
Three.js ShaderMaterial dynaaminen aaltomeri, hiiri luo kuohuja
3D Proceduraalinen Maasto
Three.js Simplex noise aaltoileva maasto, neljä maisematyyliä
3D Neon Tunneli
Three.js ensimmäisen persoonan neon geometrinen tunneli kulkeminen
3D Kidetaitto
Three.js MeshPhysicalMaterial läpinäkyvä lasikide taitto
3D Partikkeli Pyörre
Three.js tornadon muotoinen partikkelipyörre, hiiren vetovoima ja poisto
3D Leijuvat Kuutiot
Three.js PBR materiaali leijuvat kuutiot, hiiren vetovoimainteraktio
3D Tähtikenttä
Three.js ensimmäisen persoonan sumu warp lento
3D Lissajous Käyrät
Three.js 3D Lissajous käyrä partikkelijäljet, säädettävät parametrit
3D-fraktaalipuu
Rekursiivisesti haarautuvat oksat kasvavat 3D-puuksi, jonka kärkiä pilkottavat tuulessa keinuvat hehkuvat lehdet.
3D ääretön ruudukko
Neonruudukkolattia venyy loputtomasti kohti horisonttia, ja sen viivat vierivät eteenpäin synthwave-kiidolla.
3D-raymarching-pallo
Koko näytön fragmenttivarjostin marssittaa säteen per pikseli aaltoilevaa palloa kohti ja laskee normaalit ja valaistuksen reaaliajassa.
3D-energiakilpi
Fresnel-hehkuinen kuori kantaa kuusikulmaista energiakuviota, ja jokainen osuma lähettää iskuaallon osumakohdasta.
3D-portaali
Hehkuva rengas kehystää pyörteisen energialevyn, jonka tekstuuri kuohuu napakoordinaateissa hiukkasten imeytyessä portaaliin.
3D-rautalankapallo
Levey- ja pituuspiirien hahmottelema hehkuva maapallo pyörii hitaasti, ja sen pinnalle on sirotelu välkkyviä solmuja.

Hiukkaset

15

Hiukkassysteemit, parvet ja konfettianimaatiot

Partikkeli Ilotulitus
Canvas partikkeli ilotulitus interaktiivisilla efekteillä
Tulikärpäspartikkelit
Harhailevia valopisteitä hehkuvine jäljineen ja hiiren vetovoimalla
Hiiren Interaktiiviset Partikkelit
Partikkeliverkko, hiiren törmäyksen hajotus ja kokoaminen
Tähtipartikkelit
Galaksi sumupartikkelit, pyörivät ja välkkyvät
Hiukkasmuunnos
Sama hiukkasparvi järjestyy sujuvasti uudelleen ympyrän, neliön, tähden, sydämen ja spiraalin välillä — määrä ei muutu, jokainen piste lentää uuteen kohteeseen.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Hiukkaskirjoituskone
Sanat ilmestyvät kirjain kerrallaan, kukin koottu joka suunnalta lentävistä hiukkasista, sitten hajoavat ja alkavat alusta.
Hiirijälki
Värikkäiden hiukkasten virta ajaa osoitinta ja häipyy; levossa osoitin vaeltaa itsekseen pehmeää käyrää pitkin.
Tähdistö
Tähtipartikkelit hiirellä piirretyillä tähdistöviivoilla
Painovoimakaivo
Canvas 2D partikkelit kiertävät keskipainovoimapistettä, kuten planeettajärjestelmä
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
Spiraalisgalaksi
Canvas 2D spiraaligalaksin partikkelin kiertoliikeanimaatio
Spiraalisgalaksi 2D
Canvas 2D spiraaligalaksin partikkelianimaatio
Konfetti Räjähdys
Canvas 2D konfetti partikkeliräjähdys juhlaefekti

Nesteet ja fysiikka

18

Nesteen dynamiikka, kangas, tuli ja fysikaaliset simulaatiot

Nestesimulaatio
2D nesteen dynamiikkasimulaatio hiiren interaktiolla
Nestemäinen liukuväri
Pehmeät väriläiskät ajelehtivat ja sekoittuvat kuin neste muodostaen minimalistisen mutta tyylikkään animoidun liukuväritaustan.
Fluid Text
Fluid particles form into text after interaction
Vesikuohu
Canvas 2D vesikuohu efekti, klikkaus ja hiiren interaktio
Kangassimulaatio
Verlet-integrointi simuloi riippuvaa kangasta, joka laskeutuu painovoiman alaisena; vedä sitä ja lisää tuulta.
Tulisimulaatio
Klassinen pikselipohjainen tulialgoritmi luo tanssivia liekkejä; säädä voimakkuutta ja lietso kohdistimella.
Savupatsas
Partikkelisavun nouseminen ja diffundoituminen efekti
Laavalamppu
Canvas 2D laavalamppu blobien yhdistyminen ja erottuminen efekti
Pomppiva hyytelö
Pehmeä hyytelömöykky pomppii painovoiman alla, litistyy laskeutuessaan ja kimpoaa takaisin täristen; napsauta tökätäksesi sitä.
Hiekkataide
Värillisen hiekan jyvät valuvat ylhäältä, liukuvat rinteitä alas ja kasautuvat dyyneiksi; vedä kaataaksesi hiekkaa minne tahansa.
Reaktio-diffuusio
Gray-Scott-reaktio-diffuusio kasvattaa koralli- ja täpläkuvioita
Kaustiikka
Simuloi veden läpi taittuvaa auringonvaloa, joka heijastaa liikkuvia verkkomaisia valokuvioita pohjaan.
Volumetriset pilvet
Kerroksittainen fraktaalisen Brownin liikkeen kohina luo volumetrisia pilviä, jotka kuohuvat ja ajelehtivat pikseli pikseliltä.
Pilvitaivas
Canvas 2D dynaaminen pilvien ajelehtimisefekti
Kuplien Nousu
Canvas 2D värikäs kuplafysiikan noususimulaatio
Leijuvat Kuplat
Värikkäitä kuplia leijuvat ylöspäin efekti
Musteen Leveneminen
Canvas 2D musteen peseytymisen diffuusio ja levenemisefekti
Jumalansäteet
Raoista tulviva valo muodostaa säteileviä tilavuusvalonsäteitä; raahaa valonlähdettä ja vaihda väriä.

Kosmos ja tähtitiede

9

Planeetat, tähdet ja kosmiset ilmiöt 3D:nä

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
Mustan aukon gravitaatiolinssi
Musta aukko taivuttaa valoa valtavalla painovoimallaan venyttäen taustan tähtivalon hehkuvaksi Einsteinin renkaaksi.

Valo ja hehku

12

Neon, plasma, laserit ja hohtava energia

Neon Hehku
Bloom hehku, neon valonauhat, värin hengityspulssi
Plasmapallo
Klassinen plasmapallon salamaefekti
Plasma Kenttä
Canvas 2D klassinen plasmaefekti virtaavilla väreillä
Lasersäteet
Canvas 2D lasersäteen heijastus partikkeliefekteillä
Salomyrsky
Canvas 2D salamakaari efekti, säädettävät parametrit
Valotunneli
Perspektiiviprojektio venyttää värillistä tekstuuria loputtomaan tunneliin luoden illuusion ikuisesta lennosta sisäänpäin.
Valon vääristymä
Värikäs ruudukko vääntyy, venyy ja taittuu linssimäisen painovoimakeskuksen vaikutuksesta, ja väreet virtaavat kohdistimen mukana.
Energiapulssirengas
Energiarenkaat purkautuvat keskeltä, laajenevat ulospäin ja häipyvät; napsauta mihin tahansa sytyttääksesi uuden pulssin.
Hologrammi Projektio
Holografisia dynaamisia kuvioita skannausviiva overlayllä
Holografinen ruudukko
Perspektiiviin katoava ruudukko hohtaa holografisen värisenä, kun skannausviiva pyyhkäisee yli, sci-fi-HUD-tunnelmalla.
Väripulssi
Värin hengityspulssiefekti rytmisellä liikkeellä
Dynaaminen maskin paljastus
Virtaava värikuvio piileskelee tumman kentän alla ja paljastuu vain siellä, mistä vaeltava valonheitinmaski pyyhkäisee.

Glitch ja retro

15

CRT, skannausviivat, matrixisade ja digitaalinen vääristymä

Glitch Art
RGB erottelu, skannausviivat, näytön repeytyminen glitch efekti
Glitch-aalto
Virtaava värikuva repeytyy digitaalisista glitcheistä: siirtyvät siivut, jaetut RGB-kanavat ja värähtelevät juovat.
CRT-efekti
Juovat, RGB-loisteraidat, vinjetti ja hitaasti vierivä kirkas nauha luovat vanhan kuvaputkitelevision tunnelman.
Juovat
Hienot juovat peittävät koko kuvan, kun kirkas nauha pyyhkäisee alaspäin silmukassa muistuttaen oskilloskooppeja ja valvontamonitoreja, vaihdettavilla sävyillä.
Matrix Sade
Canvas 2D Matrix-tyylinen koodisade putoava efekti
Sadekoodi
Värikäs koodimerkki sade putoava efekti
Moiré-kuvio
Kaksi lähes identtistä ruudukkoa menevät päällekkäin; pieninkin siirtymä tai kierto saa ne interferoimaan liikkuviksi moiré-juoviksi, renkaiksi tai viivoiksi.
Kohinatekstuuri
Proseduraalinen kohinatekstuuri, joka kehittyy ruutu ruudulta ja jonka voi vaihtaa tv-lumisateen ja pehmeän ajelehtivan sumun välillä.
Pikselilajittelu
Kunkin pikselisarakkeen jakaminen kirkkauskynnyksen mukaan ja uudelleenlajittelu venyttää kuvan virtaaviksi glitch-raidoiksi.
Pikselöinti
Virtaava värikohtaus alinäytteistetään karkeiksi mosaiikkilohkoiksi säädettävällä lohkokoolla.
Kromaattinen aberraatio
Puna-, viher- ja sinikanavat siirretään eri suuntiin ja yhdistetään, jolloin reunoille syntyy värireunuksia kuten linssiaberraatiossa, säädettävällä siirrolla.
Kromaattinen dispersio
Valkoisen valon säde tulee prismaan ja hajaantuu — jokainen aallonpituus taittuu eri tavoin — levittyen sateenkaarispektriksi.
Säteittäinen sumennus
Kuvaa skaalataan portaittain ja sekoitetaan keskipisteen ympärille luoden ulospäin räjähtävän zoom-sumennuksen säädettävällä voimakkuudella.
Dynaaminen mosaiikki
Virtaava kuva hajoaa mosaiikkilaatoiksi, joiden koko hengittää ajan myötä samalla kun ne värähtelevät ja välkkyvät.
Dynaaminen sateenkaari
Sateenkaarinauhat aaltoilevat ja vierivät sävyn kiertäessä jatkuvasti; vaihdettavissa aalto-, rengas- ja säde­tilojen välillä.

Fraktaalit ja geometria

13

Matemaattinen taide, generatiiviset kuviot ja graafit

Fraktaalitutkija
Zoomaa loputtomasti Mandelbrotin joukkoon useilla väripaleteilla.
Julian joukko
Animoitu Julian joukon fraktaali, joka muuttuu kompleksivakion mukaan
Voronoi-diagrammi
Liikkuvat siemenet jakavat tilan virtaavaksi Voronoi-mosaiikiksi
Spirografi
Piirrä lumoavia käyriä säätämällä hammasrattaita, nopeutta ja värejä.
Kaleidoskooppi
Canvas 2D symmetrinen heijastus geometrinen kaleidoskooppi
Korkeuskäyrät
Animoidut topografiset korkeuskäyrät muuttuvassa kohinakentässä
Soluautomaatti
Conwayn elämäpeli kehittyy hehkuvin jäljin
Diffuusiorajoitettu aggregaatio
Satunnaisesti vaeltavat hiukkaset tarttuvat heti koskettaessaan olemassa olevaa rakennetta ja kasvavat lumihiutalemaisiksi fraktaalidendriiteiksi.
Virtauskenttä
Lukemattomat hiukkaset ajelehtivat kohinapohjaisen vektorikentän mukana piirtäen silkkisiä jälkiä kuin tuuli tai merivirrat.
Morphing Geometria
Rytminen ristikko, keskiset kuohut, virtaavat tekstuurit
Gradienttiristikko
Virtaava gradienttiristikko väriefekti
Voimaohjattu graafi
Solmut yhdistetään jousilla samalla kun ne hylkivät toisiaan; järjestelmä asettuu tasapainoon ja selvittää linkit selkeäksi verkoksi.
Magneettikenttä Visualisointi
Canvas 2D magneettikentän viivojen visualisointi partikkeliliikkeellä

Tekstitehosteet

6

Hiukkasilla muodostettu ja animoitu teksti

Tekstihiukkaset
Kirjoita mitä tahansa tekstiä ja tuhannet hiukkaset lentävät muotoon; napsauta hajottaaksesi ja koota ne uudelleen.
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

Luonto ja sää

6

Sade, lumi, revontulet ja luonnolliset tunnelmat

Sade Efekti
Sade pisarat, vesipinnan kuohut, lasipisarat
Lumisade
3D perspektiivi lumisade tuulen vaikutuksella
Revontulet
Canvas 2D gradientti revontulianimaatio, dynaaminen virtaus
Aaltointerferenssi
Canvas 2D kaksoisrakointerferenssi / vesiaallon superpositio visualisointi
Aaltomuoto Visualisointi
Dynaaminen äänen aaltomuoton visualisointiefekti
Äänivisualisointi
Äänen taajuusspektrin visualisointianimaatio

Itämainen kulttuuri

5

Taiji, I-Ching, eläinradat ja meridiaanit

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