Three definitions of a rectangle type are established. defRect2 is a red 100 100 rectangle that uses animateColor to change from lime to yellow during a 2 second loop for a duration of 60 seconds. defRect3 is similar to defRect2 except it animates from lime to aqua. defRect4 animates from blue to aqua. defRect3 is inside of a group called defGroup3 and defRect4 is inside a group called defGroup4a. Eight rectangles use xlink to acquire the properties of the defined rectangles and groups. Each rectangle had a duration of 12 seconds. The first of the eight rectangles is at translation -50 150 and begins at 00s and uses defRect2. The second rectangle is at 50 150 and begins at 03 seconds and also has an xlink to defRect2. The third rectangle is at -50 150, begins at 06 seconds and has an xlink to defRect3. The fourth rectangle is at 50 50, begins at 09 seconds and also has an xlink to defRect3. The fifth rectangle begins at -50 -050, at 12 seconds and has an xlink to the defGroup3 which contains defRect3. The sixth rectangle begins at 15 seconds and also has an xlink to defGroup. The seventh rectangle begins at 18 seconds and has an xlink to defGroup4 which contains defRect4. The eighth and final rectangle also has an xlink to defGroup4.
Snapshot taken of IBMDefs.mp4
![]() |