İyi günler arkadaşlar bugün sizlere sitenize Siteye Kar Yağdırma Efekti Eklemeyi anlatacağım. Bildiğiniz üzere yıl başı yaklaşıyor. Bu sebeple sizde benim gibi sitenize güzel bir kar yağdırma efekti eklemek isteyebilirsiniz. Sitenize Direk JavaScript Dosyası yükleyip çağırarak Kar Efekti ekleyebilirsiniz. Eklerken Dikkat Edin Kostiğinizin CPU’sunu Zorlayabilir bu yüzden ekledikten sonra CPU oranınızı kontrol etmeyi unutmayın. Bu tür içerikler için Kişisel Bloguma göz atabilirsiniz.

Siteye Kar Yağdırma Efekti Ekleme

Web siteniz Siteye kar yağdırma efekti eklemek için ilk olarak aşağıdaki butondan snowstorm.js dosyasını indirin. İndirdiğiniz dosyayı not defteri veya benzeri bir program ile açın ve aşağıdaki sizler için koldarın ne anlama geldiğini detaylıca yazdım. Bu açıklamaya göre düzenleyin.

this.autoStart = true; // Kar efekti otomatik olarak başlasın mı?. Kapatmak için false yapın.
this.excludeMobile = true; // Kar efekti telefondada Olsun mu? Nautanki telefonda kar yağışı CPU sorununa yol açabilir. Kapatmak isterseniz false yapın.
this.flakesMax = 128; // Toplam kar miktarını sınırlayın (Düşme + Yapışma)
this.flakesMaxActive = 64; // Bir kerede düşen kar miktarı Sınırı (Daha Az = Daha Düşük CPU kullanımı)
this.animationInterval = 20; Teorik "kare başına milisaniye" ölçümü. 20 = hızlı + sorunsuz ancak yüksek CPU kullanımı. 50 = daha muhafazakar ama daha yavaş
this.useGPU = true; // Dönüştürme tabanlı donanım hızlandırmayı etkinleştir, CPU yükünü azalt. Kapatmak için false yapın.
this.followMouse = true; // Kar Efekti mausu takip etsin. Kapatmak için false yapın.
this.snowColor = '#fff'; // Kar rengini buradan ayarlayabilirsiniz.
this.snowStick = true; // Karlar Ekranın Altına Yapışsın mı? Kapatmak için false yapın.
this.useMeltEffect = true; // Karlar Düşerken Erisin mi? Kapatmak için false yapın.

Dosyayı düzenledikten aşağıdaki kodu sitenizin <head> ile </head> kodları arasına ekleyin.

<script src="snowstorm.js"></script>

DOSYAYI İNDİR

1 Yorum

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz
Captcha verification failed!
Captcha kullanıcı puanı başarısız oldu. lütfen bizimle iletişime geçin!