Part transitions in EDC

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";
         }
      }
   }
}

Responses

0 Replies