WebmasterGenelHTMLProgramlama

Siteye Kar Yağdırma Efekti Ekleme

70 / 100

İ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 istiyebilirsiniz. Sitenize Direk Javascript Dosyası yükleyip çağırarak Kar Efekti ekleyebilirsiniz. Eklerken Dikkat Edin Hostinginizin CPU’sunu Zorlayabilir bu yüzden ekledikten sonra cpu oranınızı kontrol etmeyi unutmayın.

Siteye Kar Yağdırma Efekti Ekleme

İlk Olarak Aşağıdaki butondan kar.js dosyasını indirin. İndirdiğiniz dosyayı not defteri veya benzeri bir program ile açın. ve aşağıdaki 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 Olsunmu?. Unutmayınki 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 "çerçeve başına milisaniye" ölçümü. 20 = hızlı + pürüzsüz, ancak yüksek CPU kullanımı. 50 = daha muhafazakar, ancak 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 Rengi
this.snowStick = true; // Karlar Ekranın Altına Yapışsınmı?  Kapatmak için false yapın. 
this.useMeltEffect = true; // Karlar Düşerken Erisinmi?  Kapatmak için false yapın. 

Dosyayı düzenledikten aşağıdaki siteadınız.com’u kendi siteniz ile değiştirin. Değiştirdiğiniz kodu sitenizin <head> ile </head> kodları arasına ekleyin.

<script src="https://siteadınız.com/kar.js" type="text/javascript"></script>
Daha Fazla Göster

İlgili Makaleler

Bir Yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu