Sonntag, 1. Februar 2009

Kleine Animation mit JavaFX Script

Der nachfolgende Quelltext zeigt eine kleine Animatin, die mit den mächtigen Komponenten in JavaFX Script auf einfachste Weise erzeugt werden kann.

Erstellt mit der Finalversion 1.0 von JavaFX!



/*
* Main.fx
* Eine kleine Animation mit JavaFX Script
*
* Created on 27.01.2009, 12:11:28
* Copyright Ralph Steyer, www.rjs.de, RJS EDV-KnowHow
*/

package gui7;

import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.Scene;
import javafx.stage.Stage;

var x=0;
var y=0;
var bild =ImageView {
translateX: bind x
translateY: bind y
image: Image {
url: "http://rjs.de/bilder/devil.gif"
}
}
Timeline {
repeatCount: Timeline.INDEFINITE
keyFrames: [
KeyFrame {
time: 5s
canSkip: true
values: x => 150

},
KeyFrame {
time: 8s
values: y => 80 tween Interpolator.LINEAR


}
]
}.play();
Stage {
title: "Animationen"
width: 250
height: 250
scene: Scene {
content: [bild]
}
}
Kommentar veröffentlichen

Onlinetraining mit Ralph Steyer

Onlinetraining mit Ralph Steyer
Onlinetraining mit Ralph Steyer und anderen Autoren bei Video2Brain