Description

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.
ABeamer 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.

Core transitions

WARNING! In the ABeamer 2.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.

ABeamer has the following core transitions:
- slideLeft
- slideRight
- slideTop
- slideBottom
- dissolve

 

API

 

TransitionParams

public export interface

export interface TransitionParams{ }

Parameters passed to the Transition function.

TransitionParams.bothVisible

public property [TransitionParams]

bothVisible: boolean;

TransitionParams.state

public property [TransitionParams]

state?: int;

TransitionParams.frameI

public property [TransitionParams]

frameI?: int;

TransitionParams.enterFrameI

public property [TransitionParams]

enterFrameI?: uint | undefined;

TransitionParams.leaveRealFrameI

public property [TransitionParams]

leaveRealFrameI?: uint | undefined;

TransitionParams.frameCount

public property [TransitionParams]

frameCount?: uint;

TransitionParams.leaveFrameCount

public property [TransitionParams]

leaveFrameCount?: uint;

TransitionParams.enterFrameCount

public property [TransitionParams]

enterFrameCount?: uint;

TransitionParams.leaveAdapter

public property [TransitionParams]

leaveAdapter?: AbstractAdapter;

TransitionParams.enterAdapter

public property [TransitionParams]

enterAdapter?: AbstractAdapter;

TransitionFunc

public export type

export type TransitionFunc = (params: TransitionParams, args?: ABeamerArgs) => void;

TransitionHandler

public export type

export type TransitionHandler = string | ExprString | TransitionFunc
    | StdTransitions;
 

Transition

public export interface

export interface Transition{ }

Transition.handler

public property [Transition]

handler: TransitionHandler;

Transition.duration

public property [Transition]

duration?: TimeHandler;