Visual Effects Gallery

Interactive 2D & 3D effects powered by Canvas and WebGL. Explore 114 effects across 10 categories — pure browser, no install.

114
Effects
10
Categories
100%
Free

3D Effects

16

Three.js powered 3D scenes, shaders and raymarching

Galaksi Zarah 3D
Galaksi lingkar 8000 zarah Three.js dengan interaksi paralaks tetikus
Sfera Zarah 3D
Sfera awan titik 5000 zarah Three.js, serakan dan kumpul semula tolakan tetikus
Lautan Dinamik 3D
Lautan ombak dinamik ShaderMaterial Three.js, tetikus menghasilkan riak
Rupa Bumi Prosedural 3D
Rupa bumi bergelombang Simplex noise Three.js, empat gaya landskap
Terowong Neon 3D
Travesal terowong geometri neon orang pertama Three.js
Biasan Hablur 3D
Biasan hablur kaca lutsinar MeshPhysicalMaterial Three.js
Pusaran Zarah 3D
Pusaran zarah berbentuk puting beliung Three.js, tarikan dan tolakan tetikus
Kiub Terapung 3D
Kiub terapung bahan PBR Three.js, interaksi graviti tetikus
Medan Bintang 3D
Penerbangan warp nebula orang pertama Three.js
Lengkung Lissajous 3D
Jejak zarah lengkung Lissajous 3D Three.js, parameter boleh dilaras
Pokok Fraktal 3D
Dahan yang bercabang secara rekursif tumbuh menjadi pokok 3D, hujungnya bertaburan daun bercahaya yang bergoyang ditiup angin.
Grid Tak Terhingga 3D
Lantai grid neon terbentang tanpa henti ke ufuk, garisnya menatal ke depan dengan rasa meluru synthwave.
Sfera Raymarching 3D
Pembayang serpihan skrin penuh melangkah sinar setiap piksel ke arah sfera beriak, mengira normal dan pencahayaan secara masa nyata.
Perisai Tenaga 3D
Cengkerang bercahaya Fresnel membawa corak tenaga heksagon, dan setiap hentaman menghantar gelombang kejutan merebak dari titik hentaman.
Portal 3D
Gelang bercahaya membingkai cakera tenaga berpusar yang teksturnya bergelora dalam koordinat kutub sementara zarah disedut ke portal.
Glob Rangka 3D
Glob bercahaya yang digariskan oleh garis latitud dan longitud berputar perlahan, dengan nod berkelip bertaburan di permukaannya.

Particles

15

Particle systems, swarms and confetti animations

Mercun Zarah
Mercun zarah Canvas dengan kesan interaktif
Zarah Kunang-kunang
Titik cahaya berkeliaran dengan kesan cahaya dan tarikan tetikus
Zarah Interaktif Tetikus
Grid zarah, serakan perlanggaran tetikus dan kumpul semula
Zarah Bintang
Zarah nebula galaksi, berputar dan berkelip
Morf Zarah
Sekumpulan zarah yang sama menyusun semula dengan lancar antara bulatan, segi empat, bintang, hati dan lingkaran — jumlahnya kekal, setiap titik hanya terbang ke sasaran baharu.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Mesin Taip Zarah
Perkataan muncul huruf demi huruf, setiap huruf tersusun daripada zarah yang terbang masuk dari segala arah, lalu berselerak dan bermula semula.
Jejak Tetikus
Aliran zarah berwarna-warni mengejar penuding lalu pudar; ketika diam, penuding merayau sendiri mengikut laluan lancar.
Pembentukan Bintang
Zarah bintang dengan garisan pembentukan dilukis tetikus
Perigi Graviti
Zarah Canvas 2D mengorbit titik graviti pusat, seperti sistem planet
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
Galaksi Lingkar
Animasi putaran zarah galaksi lingkar Canvas 2D
Galaksi Lingkar 2D
Animasi zarah galaksi lingkar Canvas 2D
Letupan Confetti
Kesan letupan zarah confetti sambutan Canvas 2D

Fluids & Physics

18

Fluid dynamics, cloth, fire and physical simulations

Simulasi Bendalir
Simulasi dinamik bendalir 2D dengan interaksi tetikus
Kecerunan Bendalir
Gumpalan warna lembut hanyut dan berbaur seperti bendalir, membentuk latar kecerunan beranimasi yang minimal namun premium.
Fluid Text
Fluid particles form into text after interaction
Riak Air
Kesan riak air Canvas 2D, klik dan interaksi tetikus
Simulasi Kain
Integrasi Verlet mensimulasikan kain tergantung yang jatuh akibat graviti; seret untuk menariknya dan tambah angin.
Simulasi Api
Algoritma api klasik per-piksel menghasilkan nyalaan menari; laraskan keamatan dan nyalakan dengan kursor.
Asap Naik
Kesan asap zarah naik dan berserak
Lampu Lava
Kesan gabungan dan pemisahan blob lampu lava Canvas 2D
Jeli Melantun
Seketul jeli lembut melantun akibat graviti, penyek semasa mendarat lalu melenting semula sambil bergoyang; klik untuk mencucuknya.
Seni Pasir Zarah
Butiran pasir berwarna mencurah dari atas, meluncur di cerun dan bertimbun jadi bukit; seret untuk menuang pasir di mana-mana.
Reaksi Resapan
Reaksi-resapan Gray-Scott menumbuhkan corak karang dan bintik
Kaustik
Mensimulasikan cahaya matahari membias menerusi air, membentuk corak cahaya seperti jaring yang bergerak di dasar.
Awan Volumetrik
Hingar gerakan Brown fraktal berlapis menghasilkan awan volumetrik yang berkepul dan hanyut piksel demi piksel.
Langit Awan
Kesan hanyutan awan dinamik Canvas 2D
Buih Naik
Simulasi fizik buih berwarna naik Canvas 2D
Buih Terapung
Kesan buih berwarna terapung naik
Sebaran Dakwat
Kesan resap dan luntur dakwat Canvas 2D
Sinar Tuhan
Cahaya menembusi celah membentuk pancaran volumetrik; seret sumber cahaya dan tukar warnanya.

Cosmos & Astronomy

9

Planets, stars and cosmic phenomena 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
Kanta Graviti Lohong Hitam
Lohong hitam membengkokkan cahaya dengan graviti besarnya, meregangkan cahaya bintang latar menjadi cincin Einstein bercahaya.

Light & Glow

12

Neon, plasma, lasers and luminous energy

Cahaya Neon
Cahaya Bloom, jalur neon, nafas warna berdegup
Bola Plasma
Kesan kilat bola plasma klasik
Medan Plasma
Kesan plasma klasik Canvas 2D dengan warna mengalir
Sinar Laser
Pantulan sinar laser Canvas 2D dengan kesan zarah
Ribut Petir
Kesan arka kilat Canvas 2D, parameter boleh dilaras
Terowong Cahaya
Unjuran perspektif meregangkan tekstur berwarna menyusuri terowong tanpa henti, menimbulkan ilusi terbang ke dalam selamanya.
Ledingan Cahaya
Grid warna dileding, diregang dan dibiaskan oleh pusat graviti seperti kanta, dengan riak mengalir mengikut kursor.
Gelang Denyut Tenaga
Gelang tenaga meletus dari tengah, mengembang keluar dan pudar; klik di mana-mana untuk mencetuskan denyut baharu.
Projeksi Hologram
Corak dinamik holografik dengan tindihan garis imbas
Grid Holografik
Grid yang menyusut secara perspektif berkilau warna holografik ketika garis imbas melintas, dengan nuansa HUD fiksyen sains.
Denyut Warna
Kesan denyut nafas warna dengan gerakan berirama
Dedah Topeng Dinamik
Corak warna mengalir tersembunyi di bawah medan gelap, terdedah hanya di tempat topeng lampu sorot merayau melintas.

Glitch & Retro

15

CRT, scanlines, matrix rain and digital distortion

Seni Glitch
Pisahan RGB, garis imbas, kesan koyakan skrin glitch
Gelombang Glic
Imej warna mengalir dikoyak oleh glic digital: hirisan beralih, saluran RGB terpisah dan garis imbas bergegar.
Kesan CRT
Garis imbas, jalur fosfor RGB, vinyet dan jalur terang bergolek perlahan menghidupkan semula rupa TV tiub lama.
Garis Imbas
Garis imbas halus menutupi seluruh bingkai manakala jalur terang menyapu ke bawah berulang, menggemakan osiloskop dan monitor CCTV, dengan warna boleh tukar.
Hujan Matriks
Kesan hujan kod gaya Matrix Canvas 2D
Hujan Kod
Kesan hujan aksara kod berwarna
Corak Moiré
Dua grid yang hampir serupa bertindih; sedikit anjakan atau putaran membuatnya berinterferens menjadi jumbai moiré bergerak, boleh tukar antara bulatan dan garis.
Tekstur Hingar
Tekstur hingar prosedural yang berevolusi bingkai demi bingkai, boleh ditukar antara salji TV dan kabus lembut yang mengalir.
Isihan Piksel
Membahagi setiap lajur piksel mengikut ambang kecerahan lalu mengisih semula menjadikan imej meleleh menjadi jalur seni glic yang mengalir.
Pikselan
Adegan warna yang mengalir dipersampel turun menjadi blok mozek kasar, dengan saiz blok boleh laras.
Aberasi Kromatik
Saluran merah, hijau dan biru dianjak ke arah berbeza lalu digabung semula, memberi jumbai warna seperti aberasi kanta, dengan anjakan boleh laras.
Serakan Kromatik
Seberkas cahaya putih memasuki prisma dan terserak — setiap panjang gelombang membias berlainan — merebak menjadi spektrum pelangi.
Kabur Jejari
Gambar dibesarkan berperingkat dan diadun di sekitar pusat, mewujudkan kabur zum meletup ke luar dengan kekuatan boleh laras.
Mozek Dinamik
Imej mengalir pecah menjadi jubin mozek yang saiznya bernafas mengikut masa sambil bergetar dan berkelip halus.
Pelangi Dinamik
Jalur pelangi beralun dan menatal manakala rona terus berkitar, boleh ditukar antara mod gelombang, gelang dan pancaran.

Fractals & Geometry

13

Mathematical art, generative patterns and graphs

Peneroka Fraktal
Zum tanpa henti ke set Mandelbrot dengan beberapa palet warna.
Set Julia
Fraktal set Julia yang berubah bentuk mengikut pemalar kompleks
Rajah Voronoi
Titik benih bergerak membahagi ruang kepada mozaik Voronoi
Spirograf
Lukis lengkung mempesona dengan melaraskan gear, kelajuan dan warna.
Kaleidoskop
Kaleidoskop geometri pantulan simetri Canvas 2D
Garis Kontur
Garis kontur topografi beranimasi atas medan hingar berubah
Automata Selular
Game of Life Conway berevolusi dengan jejak bercahaya
Pengagregatan Terhad Resapan
Zarah yang merayau rawak melekat sebaik menyentuh struktur sedia ada, tumbuh menjadi dendrit fraktal seperti kepingan salji.
Medan Aliran
Zarah tanpa henti mengalir mengikut medan vektor berasaskan hingar, melukis jejak halus seperti angin atau arus laut.
Geometri Berubah
Kekisi berirama, riak konsentrik, tekstur mengalir
Jaluran Kecerunan
Kesan jaluran kecerunan warna mengalir
Graf Terarah Daya
Nod dihubungkan oleh spring sambil saling menolak; sistem mencapai keseimbangan, meleraikan pautan menjadi rangkaian yang jelas.
Visualisasi Medan Magnet
Visualisasi garis medan magnet Canvas 2D dengan pergerakan zarah

Text Effects

6

Text formed and animated by particles

Zarah Teks
Taip sebarang teks dan beribu zarah terbang membentuknya; klik untuk menyerakkan dan mengumpulnya semula.
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

Nature & Weather

6

Rain, snow, aurora and natural atmospheres

Kesan Hujan
Titisan hujan, riak air, titisan kaca
Salji Turun
Salji 3D perspektif dengan pengaruh angin
Aurora Borealis
Animasi aurora kecerunan Canvas 2D, aliran dinamik
Interferensi Gelombang
Visualisasi interferensi dwicelah / superposisi gelombang air Canvas 2D
Visualisasi Gelombang
Kesan visualisasi gelombang audio dinamik
Visualisasi Audio
Animasi visualisasi spektrum frekuensi audio

Eastern Culture

5

Taiji, I-Ching, zodiac and meridian visualizations

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