Görsel Efekt Galerisi

Canvas ve WebGL ile interaktif 2B ve 3B efektler. 114 efekti 10 kategoride keşfedin — sadece tarayıcı, kurulum yok.

114
Efekt
10
Kategori
100%
Ücretsiz

3B Efektler

16

Three.js ile 3B sahneler, gölgelendiriciler ve raymarching

3D Parçacık Galaksisi
Fare parallax etkileşimi ile Three.js 8000-parçacık spiral galaksi
3D Parçacık Küresi
Three.js 5000-parçacık nokta bulutu küresi, fare itme saçılması ve yeniden toplanma
3D Dinamik Okyanus
Three.js ShaderMaterial dinamik dalga okyanusu, fare dalgalar oluşturur
3D Prosedürel Arazi
Three.js Simplex noise dalgalı arazi, dört manzara stili
3D Neon Tünel
Three.js birinci şahıs neon geometrik tünel geçişi
3D Kristal Kırılması
Three.js MeshPhysicalMaterial şeffaf cam kristal kırılması
3D Parçacık Girdabı
Three.js kasırga şeklinde parçacık girdabı, fare çekimi ve itmesi
3D Yüzen Küpler
Three.js PBR malzeme yüzen küpler, fare yerçekimi etkileşimi
3D Yıldız Alanı
Three.js birinci şahıs nebula warp uçuşu
3D Lissajous Eğrileri
Three.js 3D Lissajous eğrisi parçacık izleri, ayarlanabilir parametreler
3D Fraktal Ağaç
Özyinelemeli dallanan dallar üç boyutlu bir ağaca dönüşür, uçları rüzgârda sallanan parlak yapraklarla bezelidir.
3D Sonsuz Izgara
Neon ızgara zemin ufka doğru sonsuzca uzanır, çizgileri synthwave hızıyla ileri kayar.
3D Raymarching Küresi
Tam ekran parça gölgelendiricisi her piksel için bir ışını dalgalanan küreye doğru yürütür, normalleri ve ışığı gerçek zamanlı hesaplar.
3D Enerji Kalkanı
Fresnel ile parlayan bir kabuk altıgen enerji deseni taşır ve her darbe vuruş noktasından bir şok dalgası yayar.
3D Portal
Parlayan bir halka, dokusu kutupsal koordinatlarda çalkalanan girdaplı bir enerji diskini çerçeveler ve parçacıklar portala çekilir.
3D Tel Kafes Küre
Enlem ve boylam çizgileriyle çizilen parlayan bir küre yavaşça döner, yüzeyine dağılmış titreşen düğümlerle.

Parçacıklar

15

Parçacık sistemleri, sürüler ve konfeti animasyonları

Parçacık Havai Fişekleri
Etkileşimli efektlerle Canvas parçacık havai fişekleri
Ateş Böceği Parçacıkları
Parıltı izleri ve fare çekimi ile dolaşan ışık noktaları
Fare Etkileşimli Parçacıklar
Parçacık ızgarası, fare çarpışma saçılması ve yeniden toplanma
Yıldız Parçacıkları
Galaksi nebula parçacıkları, dönen ve parıldayan
Parçacık Morfu
Aynı parçacık sürüsü daire, kare, yıldız, kalp ve spiral arasında akıcıca yeniden dizilir — sayı değişmez, her nokta yalnızca yeni bir hedefe uçar.
Particle Painting
Paint with particles or fluid on canvas, multiple brush effects
Parçacık Daktilo
Kelimeler harf harf belirir, her harf her yönden uçuşan parçacıklardan oluşur, sonra dağılıp yeniden başlar.
Fare İzi
Renkli parçacık akışı imleci kovalar ve söner; boştayken imleç kendi başına yumuşak bir eğri boyunca dolaşır.
Takımyıldız
Fareyle çizilen takımyıldız çizgileriyle yıldız parçacıkları
Yerçekimi Kuyusu
Canvas 2D merkezi bir yerçekimi noktası etrafında dönen parçacıklar, gezegen sistemi gibi
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
Spiral Galaksi
Canvas 2D spiral galaksi parçacık dönüş animasyonu
Spiral Galaksi 2D
Canvas 2D spiral galaksi parçacık animasyonu
Konfeti Patlaması
Canvas 2D konfeti parçacık patlaması kutlama efekti

Akışkanlar ve Fizik

18

Akışkan dinamiği, kumaş, ateş ve fiziksel simülasyonlar

Akışkan Simülasyonu
Fare etkileşimi ile 2D akışkan dinamiği simülasyonu
Akışkan Gradyan
Yumuşak renk lekeleri sıvı gibi süzülüp karışır ve sade ama premium bir animasyonlu gradyan arka plan oluşturur.
Fluid Text
Fluid particles form into text after interaction
Su Dalgası
Canvas 2D su dalgası efekti, tıklama ve fare etkileşimi
Kumaş Simülasyonu
Verlet entegrasyonu, yerçekimiyle sarkan asılı bir kumaşı simüle eder; çekmek için sürükleyin ve rüzgar ekleyin.
Ateş Simülasyonu
Klasik piksel bazlı ateş algoritması dans eden alevler üretir; yoğunluğu ayarlayın ve imleçle körükleyin.
Duman Sütunu
Parçacık dumanı yükselme ve yayılma efekti
Lava Lamba
Canvas 2D lava lamba blob birleşme ve ayrılma efekti
Zıplayan Jöle
Yumuşak bir jöle yer çekimiyle zıplar, inişte yassılıp titreşerek geri fırlar; dürtmek için tıklayın.
Kum Sanatı
Renkli kum taneleri yukarıdan dökülür, eğimlerden kayar ve kumullar halinde birikir; kumu istediğiniz yere dökmek için sürükleyin.
Reaksiyon Difüzyonu
Gray-Scott reaksiyon-difüzyonu mercan ve benek desenleri üretir
Kostik
Suda kırılan güneş ışığını taklit ederek zeminde hareketli, ağ benzeri ışık desenleri oluşturur.
Hacimsel Bulutlar
Katmanlı fraktal Brown hareketi gürültüsü, piksel piksel kabarıp sürüklenen hacimsel bulutlar üretir.
Bulutlu Gökyüzü
Canvas 2D dinamik bulut süzülme efekti
Kabarcık Yükselmesi
Canvas 2D renkli kabarcık fiziksel yükselme simülasyonu
Yüzen Kabarcıklar
Renkli kabarcıkların yukarı süzülme efekti
Mürekkep Yayılması
Canvas 2D mürekkep yıkama yayılma ve akma efekti
Tanrı Işınları
Aralıklardan süzülen ışık yayılan hacimsel huzmeler oluşturur; ışık kaynağını sürükleyin ve rengini değiştirin.

Kozmos ve Astronomi

9

Gezegenler, yıldızlar ve 3B kozmik olaylar

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
Kara Delik Kütleçekim Merceği
Bir kara delik muazzam kütleçekimiyle ışığı büker, arka plan yıldız ışığını parlayan bir Einstein halkasına uzatır.

Işık ve Parlama

12

Neon, plazma, lazerler ve ışıldayan enerji

Neon Parıltı
Bloom parıltısı, neon ışık şeritleri, renk nefes darbesi
Plazma Topu
Klasik plazma topu şimşek efekti
Plazma Alanı
Canvas 2D akan renklerle klasik plazma efekti
Lazer Işınları
Canvas 2D lazer ışını yansıması ve parçacık efektleri
Şimşek Fırtınası
Canvas 2D şimşek ark efekti, ayarlanabilir parametreler
Işık Tüneli
Perspektif projeksiyon renkli bir dokuyu sonsuz bir tünel boyunca uzatarak sürekli içeri uçma yanılsaması yaratır.
Işık Bükülmesi
Renkli bir ızgara mercek benzeri bir çekim merkezi tarafından bükülür, gerilir ve kırılır; dalgalanmalar imlecin altında akar.
Enerji Nabız Halkası
Enerji halkaları merkezden fışkırır, dışa doğru genişleyip solar; yeni bir nabız ateşlemek için herhangi bir yere tıklayın.
Hologram Projeksiyonu
Tarama çizgisi katmanı ile holografik dinamik desenler
Holografik Izgara
Perspektifte uzaklaşan bir ızgara, üzerinden bir tarama çizgisi geçerken holografik renkte parıldar ve bilimkurgu HUD hissi verir.
Renk Darbesi
Ritmik hareketle renk nefes darbesi efekti
Dinamik Maske Açığa Çıkarma
Karanlık bir alanın altında akan bir renk deseni saklıdır ve yalnızca dolaşan bir spot ışığı maskesinin geçtiği yerde ortaya çıkar.

Glitch ve Retro

15

CRT, tarama çizgileri, matris yağmuru ve dijital bozulma

Glitch Art
RGB ayrımı, tarama çizgileri, ekran yırtılması glitch efekti
Arıza Dalgası
Akan bir renkli görüntü dijital arızalarla parçalanır: kayan dilimler, ayrılan RGB kanalları ve titreşen tarama çizgileri.
CRT Efekti
Tarama çizgileri, RGB fosfor şeritleri, vinyet ve yavaşça kayan parlak bir bant eski bir CRT televizyonun görünümünü canlandırır.
Tarama Çizgileri
İnce tarama çizgileri tüm kareyi kaplar, parlak bir bant döngüyle aşağı süpürür; osiloskop ve güvenlik monitörlerini andırır, renk seçilebilir.
Matrix Yağmuru
Canvas 2D Matrix tarzı kod yağmuru düşme efekti
Kod Yağmuru
Renkli kod karakterleri yağmur düşme efekti
Moiré Deseni
Neredeyse aynı iki ızgara üst üste biner; en ufak kayma veya dönme onları kayan moiré saçaklarına dönüştürür, halkalar ve çizgiler arasında geçiş yapılır.
Gürültü Dokusu
Kare kare evrilen yordamsal bir gürültü dokusu; TV karıncalanması ile yumuşak sürüklenen sis arasında değiştirilebilir.
Piksel Sıralama
Her piksel sütununu parlaklık eşiğine göre bölüp yeniden sıralamak görüntüyü akan glitch-art şeritlerine dönüştürür.
Pikselleştirme
Akan bir renk sahnesi, ayarlanabilir blok boyutuyla kaba mozaik bloklara indirgenir.
Renk Sapması
Kırmızı, yeşil ve mavi kanallar farklı yönlere kaydırılıp birleştirilir; mercek sapması gibi renkli kenarlar oluşur, kayma ayarlanabilir.
Kromatik Dağılım
Bir beyaz ışık demeti prizmaya girer ve dağılır — her dalga boyu farklı kırılır — bir gökkuşağı tayfına yelpazelenir.
Radyal Bulanıklık
Görüntü adım adım büyütülüp merkez etrafında harmanlanarak dışa doğru patlayan bir zoom bulanıklığı oluşturur; gücü ayarlanabilir.
Dinamik Mozaik
Akan bir görüntü, boyutu zamanla nefes alan mozaik karolarına ayrılır ve hafifçe titreşip yanıp söner.
Dinamik Gökkuşağı
Gökkuşağı şeritleri dalgalanıp kayarken ton sürekli döner; dalga, halka ve ışın modları arasında değiştirilebilir.

Fraktallar ve Geometri

13

Matematiksel sanat, üretken desenler ve grafikler

Fraktal Kâşifi
Mandelbrot kümesine sonsuzca yakınlaş, çeşitli renk paletleriyle.
Julia Kümesi
Karmaşık sabitle şekil değiştiren animasyonlu Julia kümesi fraktalı
Voronoi Diyagramı
Hareketli tohumlar alanı akışkan bir Voronoi mozaiğine böler
Spirograf
Dişlileri, hızı ve renkleri ayarlayarak büyüleyici eğriler çiz.
Kalaidoskop
Canvas 2D simetrik yansıma geometrik kalaidoskop
Kontur Çizgileri
Değişen bir gürültü alanı üzerinde animasyonlu topografik konturlar
Hücresel Otomat
Conway’in Yaşam Oyunu parlayan izlerle evrilir
Difüzyon Sınırlı Kümelenme
Rastgele dolaşan parçacıklar mevcut yapıya değdiği anda yapışıp kar tanesi benzeri fraktal dendritler oluşturur.
Akış Alanı
Sayısız parçacık gürültü tabanlı bir vektör alanı boyunca akarak rüzgar ya da okyanus akıntıları gibi ipeksi izler çizer.
Değişen Geometri
Ritmik ızgara, eşmerkezli dalgalar, akan dokular
Gradyan Örgü
Akan gradyan örgü renk efekti
Kuvvet Yönlü Çizge
Düğümler yaylarla bağlanırken birbirini iter; sistem dengeye oturur ve karışık bağlantıları net bir ağa çözer.
Manyetik Alan Görselleştirmesi
Canvas 2D parçacık hareketiyle manyetik alan çizgileri görselleştirmesi

Metin Efektleri

6

Parçacıklarla oluşan ve animasyonlu metin

Metin Parçacıkları
Herhangi bir metin yazın, binlerce parçacık uçup şekli oluştursun; dağıtıp yeniden toplamak için tıklayın.
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

Doğa ve Hava

6

Yağmur, kar, aurora ve doğal atmosferler

Yağmur Efekti
Yağmur damlaları, su dalgaları, cam damlaları
Kar Yağışı
Rüzgar etkili 3D perspektif kar yağışı
Kuzey Işıkları
Canvas 2D gradyan aurora animasyonu, dinamik akış
Dalga Girişimi
Canvas 2D çift yarık girişimi / su dalgası süperpozisyonu görselleştirmesi
Dalga Formu Görselleştirici
Dinamik ses dalga formu görselleştirme efekti
Ses Görselleştirici
Ses frekans spektrumu görselleştirme animasyonu

Doğu Kültürü

5

Taiji, I-Ching, burçlar ve meridyenler

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