Ronald Rajagukguk

My Journey in .NET World
See also: Other Geeks@INDC

3 Tipe Key Frame di cahaya perak (Silverlight)

Dalam silverlight 1.0 ternyata ada 3 buah tipe keyframes yang bisa kita pake untuk menganimasikan sesuatu. Nah tiga hal tersebut adalah :

 1. LinearDoubleKeyFrame
Untuk tipe ini perhitungan pergerakan akan dilakukan secara linier dari titik awal hingga titik akhir dalam satuan waktu yang ditentukan. Jadi pertambahan besar nilai yang akan dianimasikan berlangsung secara tetap. Kalo digambarkan dalam grafik, pertambahan nilainya akan menurut garis lurus. (kalo inget grafik dan garis lurus jadi inget bresenham ^_^).

2. SplineDoubleKeyFrame
Nah untuk tipe ini pergerakan dari nilai awal ke nilai akhir dilakukan bukan secara linier melainkan melalui perhitungan polinom. Nah pergerakan nilai ini mengikuti pertambahan nilai yang sama dengan Bezier (ini kurva yang umum ditemui di bidang Computer Graphics). Control point untuk kurva beziernya hanya bisa 2 buah dan ditentukan pada variable keyspline untuk objek ini. Perlu dicatat kalo kita sama sekali gak masukin variable keyspline maka hasilnya akan sama aja dengan pake linier karena nilai control pointnya akan diisi nilai default (0,0) dan kurva yang terbentuk adalah garis lurus.

3. DiscreteKeyFrame
Nah ini tipe yang paling culun, yaitu pergerakan hanya dilakukan 1 kali. Jadi nilai yang akan dianimasikan sama sekali tidak diubah secara bertahap. Jadi nilai awal akan langsung diubah ke nilai akhir pada saat waktu animasi habis. Terlihat sih dari namanya yang pake kata diskrit.

Sebenernya gua pengen attach contoh aplikasi yang membandingkan 3 buah keyframe ini, namun apa boleh daya tempat hosting gua yang disini agak-agak macet. Tapi ntar kalo dah gak macet gua bakalan host di situ deh. Oke segitu aja dulu cerita singkat gua soal animasi di silverlight.

Cheers……

Share this post: | | | |
Posted: Oct 21 2007, 11:13 AM by ronald | with no comments |
Filed under:

Comments

No Comments

Leave a Comment

(required) 

(required) 

(optional)

(required) 
Are you human?:  


Enter the numbers above: