FX

/* 
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
 * 
 * Copyright © 2010, Oracle and/or its affiliates. All rights reserved.
 * Oracle is a registered trademark of Oracle Corporation and/or its affiliates. 
 * Oracle and Java are registered trademarks of Oracle and/or its affiliates. 
 * Other names may be trademarks of their respective owners.
 * 
 * This file is available and licensed under the following license:
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:

 *   *  Redistributions of source code must retain the above copyright notice, 
        trademark notice, this list of conditions, and the following disclaimer.

 *   *  Redistributions in binary form must reproduce the above copyright notice, 
        trademark notice, this list of conditions, and the following disclaimer in 
        the documentation and/or other materials provided with the distribution.

 *   *  Neither the name of Oracle nor the names of its contributors may be used 
        to endorse or promote products derived from this software without specific 
        prior written permission.
 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. 
 * IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, 
 * INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, 
 * BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES LOSS OF USE, 
 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF 
 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE 
 * OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 * OF THE POSSIBILITY OF SUCH DAMAGE.
 */

package reverseanimation;

import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.Cursor;
import javafx.scene.effect.DropShadow;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.scene.Scene;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;


var slider1 = 100.0; //variable for animation
var circlerate = 1.0; //variable for animation rate


var r1 = Timeline {  //Timeline for animation of circle
    repeatCount: 1
    rate: bind circlerate
    keyFrames: [
        KeyFrame {
            time: 5s
            canSkip: true
            values: [
                slider1 => 250.0 tween Interpolator.LINEAR
            ] 

        } 

    ] 

};
r1.play();


Stage {
    title: "Simple Animation"
    width: 350
    height: 220
    scene: Scene {
        content: [
            /* Begin Reload button */
            Rectangle {
                x: 80,
                y: 160  
                arcHeight: 20.0
                arcWidth: 20.0
                width: 80,
                height: 20
                fill: Color.BLACK
                stroke: Color.WHITE
                cursor: Cursor.HAND
                onMouseClicked: function( e: MouseEvent ):Void {
                    circlerate = 1.0;
                    r1.playFromStart();
                }

            } 

            Text {  //Text for Reload button
                fill: Color.WHITE
                font: Font {
                    size: 12
                    name: "Arial Bold"
                }
                x: 102,
                y: 175  
                content: "Reload"
            } 
            /* End Reload button */

            /* Begin Back button */
            Rectangle { //Rectangle for Back button
                x: 180,
                y: 160
                arcHeight: 20.0
                arcWidth: 20.0
                width: 80,
                height: 20
                fill: Color.BLACK
                stroke: Color.WHITE
                cursor: Cursor.HAND
                onMouseClicked: function( e: MouseEvent ):Void {
                    circlerate = -1;  //Reverses the animation for the same time duration
                    r1.play();
                }

            }
            Text { //Text for Back button
                fill: Color.WHITE
                font: Font {
                    size: 12
                    name: "Arial Bold"
                }
                x: 202,
                y: 175
                content: "Back"
            } 

            Circle {  //Green circle
                centerX: bind slider1
                centerY: 80
                radius: 20
                fill: Color.GREEN
                effect: DropShadow {
                    offsetX: 3
                    offsetY: 3
                }

            }


        ]
    }
}