mxMorphing

Implements animation for morphing cells. Here is an example of using this class for animating the result of a layout algorithm:

graph.getModel().beginUpdate();
try
{
  var circleLayout = new mxCircleLayout(graph);
  circleLayout.execute(graph.getDefaultParent());
}
finally
{
  var morph = new mxMorphing(graph);
  morph.addListener(mxEvent.DONE, function()
  {
    graph.getModel().endUpdate();
  });

  morph.startAnimation();
}

Summary

mxMorphing	Implements animation for morphing cells.
Functions
mxMorphing	Constructs an animation.
Variables
graph	Specifies the delay between the animation steps.
steps	Specifies the maximum number of steps for the morphing.
step	Contains the current step.
ease	Ease-off for movement towards the given vector.
cells	Optional array of cells to be animated.
Functions
updateAnimation	Animation step.
show	Shows the changes in the given mxCellStatePreview.
animateCell	Animates the given cell state using mxCellStatePreview.moveState.
stopRecursion	Returns true if the animation should not recursively find more deltas for children if the given parent state has been animated.
getDelta	Returns the vector between the current rendered state and the future location of the state after the display will be updated.
getOriginForCell	Returns the top, left corner of the given cell.

Functions

mxMorphing

function mxMorphing( graph,
steps,
ease,
delay )

Constructs an animation.

Parameters

graph	Reference to the enclosing mxGraph.
steps	Optional number of steps in the morphing animation. Default is 6.
ease	Optional easing constant for the animation. Default is 1.5.
delay	Optional delay between the animation steps. Passed to mxAnimation.

Variables

graph

mxMorphing.prototype.graph

Specifies the delay between the animation steps. Defaul is 30ms.

steps

mxMorphing.prototype.steps

Specifies the maximum number of steps for the morphing.

step

mxMorphing.prototype.step

Contains the current step.

ease

mxMorphing.prototype.ease

Ease-off for movement towards the given vector. Larger values are slower and smoother. Default is 4.

cells

mxMorphing.prototype.cells

Optional array of cells to be animated. If this is not specified then all cells are checked and animated if they have been moved in the current transaction.

Functions

updateAnimation

mxMorphing.prototype.updateAnimation = function()

Animation step.

show

mxMorphing.prototype.show = function( move )

Shows the changes in the given mxCellStatePreview.

animateCell

mxMorphing.prototype.animateCell = function( cell,
move,
recurse )

Animates the given cell state using mxCellStatePreview.moveState.

stopRecursion

mxMorphing.prototype.stopRecursion = function( state,
delta )

Returns true if the animation should not recursively find more deltas for children if the given parent state has been animated.

getDelta

mxMorphing.prototype.getDelta = function( state )

Returns the vector between the current rendered state and the future location of the state after the display will be updated.

getOriginForCell

mxMorphing.prototype.getOriginForCell = function( cell )

Returns the top, left corner of the given cell. TODO: Improve performance by using caching inside this method as the result per cell never changes during the lifecycle of this object.