PathTransition

Inherits from: Transition > Timeline

Overview

This Transition creates a path animation that spans its #duration. The translation along the path is done by updating the translateX and translateY variables of the node, and the rotate variable will get updated if orientation is set to OrientationType.ORTHOGONAL_TO_TANGENT, at regular interval.

The animated path is defined by the opaque geometric path created by one of the AnimationPath#createFromPath functions.

Code Segment Example:

             
import javafx.scene.shape.*;
import javafx.animation.transition.*;

...

    var node = Rectangle {
        x: 100 y: 40
        height: 100 width:  100
        arcHeight: 50 arcWidth: 50
        fill: Color.VIOLET
    }

    var path = Path {
        elements: [
            MoveTo { x: positionX y: positionY }, 
            CubicCurveTo {
                controlX1:  40     controlY1:  10
                controlX2: 390     controlY2: 240
                x: 190             y:  50
            }
        ]
        stroke:Color.WHITE
    }

    var pathTransition = PathTransition {
        duration: 10s node: node 
        path: AnimationPath.createFromPath(path)
        orientation: OrientationType.ORTHOGONAL_TO_TANGENT 
        repeatCount:4 autoReverse: true
    }
    pathTransition.play();

...

Profile: common

Variable Summary

name	type	Default Value	description
duration	Duration	400ms	The length of this `Transition`, in milliseconds. This may only be changed prior to starting the transition or after the transition has ended. If changed during a transition then the change will not take effect until the next transition.
path	AnimationPath	null	An opaque geometric path generated from one of the `createFromPath` functions of the AnimationPath class.
orientation	OrientationType	OrientationType.NONE	Specifies the upright orientation of `node` along the `path`. The default orientation is set to OrientationType#NONE.

Inherited Variables

Transition

name type Default Value description

name	type	Default Value	description
node	Node	null	The target node of this `Transition`.
interpolator	Interpolator	EASEBOTH	Controls the timing for acceleration and deceleration at each transition cycle. This may only be changed prior to starting the transition or after the transition has ended. If changed during a transition then the change will not take effect until the next transition. Default interpolator is set to Interpolator#EASEBOTH.

node

Node

null

The target node of this Transition.

interpolator

Interpolator

EASEBOTH

Controls the timing for acceleration and deceleration at each transition cycle. This may only be changed prior to starting the transition or after the transition has ended. If changed during a transition then the change will not take effect until the next transition.

Default interpolator is set to Interpolator#EASEBOTH.

Timeline

name	type	Default Value	description
rate	Number	1.0	Defines the direction/speed at which the `Timeline` is expected to be played. The absolute value of `rate` indicates the speed which the `Timeline` is to be played, while the sign of `rate` indicates the direction. A postive value of `rate` indicates forward play, a negative value indicates backward play and `0.0` to stop a running timeline. Rate `1.0` is normal play, `2.0` is 2 time normal, `-1.0` is backwards, etc... Inverting the rate of a running `Timeline` will cause the `Timeline` to reverse direction in place and play back over the portion of the `Timeline` that has alreay elapsed.
time	Duration	0s	Defines the `Timeline`'s play head position. If `Timeline` is running, it jumps to the specified position immediately. If it is not running, the `time` indicates from where the `Timeline` to start when next `play()` is called. If user wants to bind the variable and update it simultaneously, bidirectional `bind` is needed. `var pos: Duration; var t: Timeline = Timeline { time: bind pos with inverse; ... }`
interpolate	Boolean	true	Enable/disable interpolation.
repeatCount	Number	1.0	Defines the number of cycles in this animation. The `repeatCount` may be `INDEFINITE` for animations that repeat indefinitely, but must otherwise be >= 0.
autoReverse	Boolean	false	Defines whether this animation reverses direction on alternating cycles. If `true`, the animation will proceed forward on the first cycle, then reverses on the second cycle, and so on. Otherwise, animation will loop such that each cycle proceeds forward from the initial `KeyFrame`.
keyFrames	KeyFrame		Defines the sequence of `KeyFrame`s in this animation. `KeyFrame`s are expected to have `time >= 0s`, otherwise they will be ignored. If a `KeyFrame` is not provided for the `time==0s` instant, one will be synthesized using the target values that are current at the time #play() or #playFromStart() is called.
framerate	Number		The maximum framerate at which this animation will run, in frames per second. This can be used, for example, to keep particularly complex Timelines from over-consuming system resources. By default, a Timeline's framerate is not explicitly limited, meaning the Timeline will run at an optimal framerate for the underlying platform.

Products and Services

Solutions

Downloads

Store

Support

Training

Partners

About

Oracle Technology Network

Profile: desktop, common

Inherits from: Transition > Timeline

Inherited Variables

Transition

Timeline

Oracle Cloud

Java

Customer and Events

Communities

Services and Store

Contact and Chat