Timeline

Maret 13, 2010 pukul 7:36 AM | Ditulis dalam Timeline | 2 Komentar
Tag: Artikel, JavaFX, Timeline

Timeline digunakan untuk membuat animasi dalam JavaFX, misalnya untuk membuat kotakbergerak dari titik X=0 ke X=600 dan kembali ke X=0.

• Buat project ukuran 800X600 dengan cara mengubah width dan height di stage.

Stage {

title: “Application title”

scene: Scene {

width: 800

height: 600

content: [ ]

}

}

• Buat Kotak dengan cara mengedrag Rectangle pada palette ke stage.

Beri nama kotak dengan K1.

def k1=Rectangle {

x: 10, y: 300

width: 140, height: 90

fill: Color.BLACK

}

• Sekarang drag Timeline.

Timeline {

repeatCount: Timeline.INDEFINITE

keyFrames : [

KeyFrame {

time : 1s

canSkip : true

}

]

}

repeatCount: Timeline.INDEFINITE merupakan script untuk mengulang animasi dari bagian awal.

• Ubah nilai time pada KeyFrame dan tambahkan KeyFrame lagi.

Pada setiap KeyFrame tambahkan Values, dan diakhir script tulis play().

Timeline {

repeatCount: Timeline.INDEFINITE

keyFrames : [

KeyFrame {

time : 0s

canSkip : true

values: [

k1.x => 0.0 tween Interpolator.LINEAR,

]

}

KeyFrame {

time : 5s

canSkip : true

values: [

k1.x => 600.0 tween Interpolator.LINEAR,

]

}

]

}.play();