|
JAVA SCRIPT UYGULAMALARI
Örnek: Dalgalanan Yazı
Gösterim:
Açıklamalar:
Bu dalgalanan yazı efektini bir javascript sitesinde gördüm. Yaratıcısı David Gardner isimli birisi. Ben biraz değiştirdim, Türkçeleştirdim ve fonksiyon sayısını azalttım.
Efektin analizini yapalım: Metindeki yazılar 50 milisaniyelik aralıklarla büyüyor ve küçülüyor. Bu büyüme ve küçülme işlemi ardışık olduğu için bir dalgalanma hareketi oluşuyor.
Metnin harflerini büyütüp küçültmek için <font size="..."> komutundan yararlanıyoruz. HTML derslerinde gördüğümüz gibi size özniteliği 1'den 7'ye kadar değer alıyordu. Bir harf 50 milisaniye aralıklarla 1, 2, 3, 4, 5, 6, 7, 6, 5, 4, 3, 2, 1, 2, 3... gibi yükselip alçalan değerler alarak dalgalı şekilde büyüyüp küçülmeli. Hemen sağındaki harf de bir adım geriden takip etmeli.
Bu dalgalanmayı sağlamak için başka bir çok yol bulabilirsiniz. Ben, David Gardner gibi mutlak değer sinüs fonksiyonunu kullanacağım. Lise matematiğinden hatırlayacağınız üzere sinüs fonksiyonu 1 ve -1 ekstrem değerleri arasında bir dalga grafiğine sahiptir. Negatif değerler işimize yaramayacağından dolayı; mutlak değer sinüs fonksiyonu kullanarak 0 ile 1 arasında bir dalgalanma oluşturuyoruz. (aslında dalgalanmadan çok ardısıra dizilen tepeciklere benzer.)
Bilmeniz Gereken Komutlar:
değişken.length
değişken.substring(ilk harfin sırası, son harfin sırası)
setTimeout(komut, süre)
Math.abs(sayısal ifade)
Math.sin(radyal cinsinden sayısal ifade)
parseInt(sayısal ifade)
Çözüm:
|