Part transitions in EDC
By Karolina Arciszewska
This snipped demonstrates how to use transition animations in .edc files. It shows sinusoidal, spring and bounce animations, triggered one after another.
collections {
group { name: "main";
parts {
part {
name: "square_left";
type: RECT;
description{
state: "default" 0.0;
color: 100 200 200 255;
rel1.relative: 0.1 0.4;
rel2.relative: 0.1 0.4;
rel2.offset: 75 75;
}
description{
state: "large" 0.0;
inherit: "default" 0.0;
rel1.offset: -25 -25;
rel2.offset: 100 100;
}
}
part {
name: "square_middle";
type: RECT;
description{
state: "default" 0.0;
color: 200 200 100 255;
rel1.relative: 0.4 0.4;
rel2.relative: 0.4 0.4;
rel2.offset: 75 75;
}
description{
state: "large" 0.0;
inherit: "default" 0.0;
rel1.offset: -25 -25;
rel2.offset: 100 100;
}
}
part {
name: "square_right";
type: RECT;
description{
state: "default" 0.0;
color: 200 200 200 255;
rel1.relative: 0.7 0.4;
rel2.relative: 0.7 0.4;
rel2.offset: 75 75;
}
description{
state: "large" 0.0;
inherit: "default" 0.0;
rel1.offset: -25 -25;
rel2.offset: 100 100;
}
}
}
programs {
program {
name: "animation, state0";
signal: "animation,play";
source: "animation";
action: STATE_SET "large" 0.0;
transition: SINUSOIDAL 1;
target: "square_left";
after: "animation, state1";
}
program {
name: "animation, state1";
action: STATE_SET "large" 0.0;
transition: BOUNCE 1 5 6;
target: "square_middle";
after: "animation, state2";
}
program {
name: "animation, state2";
action: STATE_SET "large" 0.0;
transition: SPRING 1 5 5;
target: "square_right";
}
}
}
}