http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
DynAPI Examples - Path Animation
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('dynapi.library');
dynapi.library.include('dynapi.debug');
dynapi.library.include('PathAnimation');
dynapi.library.include('SlideAnimation');
dynapi.library.include('GlideAnimation');
dynapi.library.include('CircleAnimation');
dynapi.onLoad(function () {
block = new DynLayer();
block.setSize(20,20);
block.setLocation(214,174);
block.setBgColor("red");
// path 0 straight line manually created
path = new PathAnimation(block);
linemanual = [100,100,110,110,120,120,130,130,140,140,150,150,160,160,170,170,180,180,190,190,200,200];
path.add( linemanual );
// path 1 straight line generated
linegenerated = SlideAnimation(100,100, 33,3, 20); // x1,y1,x2,y2,inc
path.add( linegenerated );
// path 2 squiggly line
var x = [90,92,94,97,100,103,107,111,116,120,125,130,135,140,146,151,156,161,167,172,177,183,189,196,203,210,218,227,235,244,252,260,267,273,279,284,288,291,293,294,295,294,293,291,288,285,282,278,274,270,266,263,260,257,254,252,251,251,251,253,255,257,261,266,271,277,284,292,300,310,320,332,344,357,371,385,398,412,424,435];
var y = [73,73,72,72,73,73,74,75,77,79,82,85,89,94,101,108,116,125,136,147,158,169,180,191,200,208,215,221,226,229,231,231,230,228,225,220,215,209,202,194,187,179,171,163,155,147,139,132,126,119,114,109,104,100,96,92,88,84,81,77,74,71,68,66,64,63,63,64,65,68,73,79,86,96,107,119,131,143,155,165];
linesquiggle = dynapi.functions.interlacePaths(x,y)
path.add( linesquiggle );
// path 3 generated circle path starting at 180degrees about point (250,250)
// note: circleanim is not required in order to use pathanim
circle = new CircleAnimation();
circle.setRadius(50);
circle.setAngle(180);
circle.setAngleIncrement(10);
circlepath = circle.generatePath(250,250);
path.add(circlepath);
// default interval
path.sleep(50);
var listener = {};
listener.onpathstart = function(e) {
status = "start";
}
listener.onpathrun = function(e) {
var o = e.getSource();
status = "play "+o.x+" "+o.y;
}
listener.onpathstop = function(e) {
var o = e.getSource();
status = "stop "+o.x+" "+o.y;;
}
block.addEventListener(listener);
dynapi.document.addChild(block);
});
Controls:
sleep: 20 | 50 | 100
show coordinates: path 0 | path 1 | path 2 | path 3
stopAnimation
Unstored Animations
This type is meant for quick playing, the information is deleted when
the animation is finished playing (this is used in slide animations)
quickplay path 0
quickplay path 1
quickplay path 2
quickplay path 3 (loops)
Stored Animations
These play paths that have been saved in the PathAnimation object
loop
auto-reset
play
Path 0
straight line
on | off
on | off
play
Path 1
generated line
on | off
on | off
play
Path 2
squiggly line
on | off
on | off
play
Path 2
circle
on | off
on | off
play