A transition is the motion between the end of a scene and the beginning of the next scene.
Its computation is done outside the Animation Pipeline.
It can affect the properties of its children elements,
in such cases it's required for the user to provide the starting value
since the computed value might not be correct.
Currently, only scene transitions are supported,
future versions might support element transition as well.
The transition duration provided by the user is converted into frames
and split half to the out scene, the previous scene,
and half into the in scene, the next scene.
BeamToIX doesn't adds extra frames to ensure the execution of the transition,
instead it works on top of the element animation pipeline.
If there aren't enough frames in the pipeline, part of the transition will be missing.
WARNING! In BeamToIX 4.x these core transitions will move core-transitions plugin.
To prevent breaking changes include now the js script core-transitions.js on the html file.
BeamToIX has the following core transitions:
DevToIXslideLeftslideRightslideTopslideBottomdissolvepublic export interface
export interface TransitionParams{ }
Parameters passed to the Transition function.
public property [TransitionParams]
bothVisible: boolean;
public property [TransitionParams]
state?: int;
public property [TransitionParams]
frameI?: int;
public property [TransitionParams]
enterFrameI?: uint | undefined;
public property [TransitionParams]
leaveRealFrameI?: uint | undefined;
public property [TransitionParams]
frameCount?: uint;
public property [TransitionParams]
leaveFrameCount?: uint;
public property [TransitionParams]
enterFrameCount?: uint;
public property [TransitionParams]
leaveAdapter?: AbstractAdapter;
public property [TransitionParams]
enterAdapter?: AbstractAdapter;
public export type
export type TransitionFunc = (params: TransitionParams, args?: BeamToIXArgs) => void;
public export type
export type TransitionHandler = string | ExprString | TransitionFunc
| StdTransitions;
public export interface
export interface Transition{ }
public property [Transition]
handler: TransitionHandler;
public property [Transition]
duration?: TimeHandler;