Adobe 0046100128056 Scripting Guide - Page 161

Animating transformations, of the spread containing

Page 161 highlights

CHAPTER 11: Creating Dynamic Documents Working with Animation 161 DynamicTriggerEvents.onPageLoad, by DynamicTriggerEvents.onPageClick (for the complete script, refer to MultipleTimingLists). //Given a document "myDocument" and a page "myPage" containg 6 polygons: //"myPolygonA", "myPolygonB", "myPolygonC", "myPolygonD", "myPolygonE", "myPolygonF". //Add a page items to animate. var myTimingSettings = myPage.parent.timingSettings; //At this point, all of the polygons have already been added as timing targets //of the default timing list. Change the delay of myPolygonB and myPolygonC. var myTimingListA = myTimingSettings.timingLists.item(0); var myTimingGroup = myTimingListA.timingGroups.item(1); myTimingGroup.timingTargets.item(0).delaySeconds = 2; myTimingGroup = myTimingListA.timingGroups.item(2); myTimingGroup.timingTargets.item(0).delaySeconds = 2; //Remove the last three timing groups in the timing list. myTimingListA.timingGroups.item(-1).remove(); myTimingListA.timingGroups.item(-1).remove(); myTimingListA.timingGroups.item(-1).remove(); //Add a new timing list that triggers when the page is clicked. var myTimingListB = myTimingSettings.timingLists.add(DynamicTriggerEvents.onPageClick); var myTimingGroupB = myTimingListB.timingGroups.add(myPolygonD, 0); myTimingGroupB.timingTargets.add(myPolygonE, 2); myTimingGroupB.timingTargets.add(myPolygonF, 2); In the previous examples, we've worked with the timingSettings of the spread containing the page items we want to animate. When you want to animate a page item when a user clicks the item, you'll need to use the timingSettings of the page item itself, as shown in the following script fragment (for the complete script, refer to PageItemTimingSettings). //Given a document "myDocument" and a page "myPage" containg a polygon "myPolygonA"... //Remove the default timing list in the timing settings for the spread. //Set animation preferences for the polygon. myPolygonA.animationSettings.duration = 2; myPolygonA.animationSettings.motionPathPoints = myMotionPathPointsA; myPage.parent.timingSettings.timingLists.item(0).remove(); var myTimingSettings = myPolygonA.timingSettings; var myTimingList = myTimingSettings.timingLists.add(DynamicTriggerEvents.onClick); var myTimingGroup = myTimingList.timingGroups.add(myPolygonA, 0); Animating transformations Page items can change size, rotation or skewing angles, opacity, and visibility as their animation plays. The animationSettings of the page item contain properties (such as rotationArray or hiddenAfter) that define the transformations that are applied during animation. The following script fragment shows how to make a page item rotate as it follows a motion path (for the complete script, refer to AnimateRotation).

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209

C
HAPTER
11: Creating Dynamic Documents
Working with Animation
161
DynamicTriggerEvents.onPageLoad
, by
DynamicTriggerEvents.onPageClick
(for the complete
script, refer to MultipleTimingLists).
//Given a document "myDocument" and a page "myPage" containg 6 polygons:
//"myPolygonA", "myPolygonB", "myPolygonC", "myPolygonD", "myPolygonE", "myPolygonF".
//Add a page items to animate.
var myTimingSettings = myPage.parent.timingSettings;
//At this point, all of the polygons have already been added as timing targets
//of the default timing list. Change the delay of myPolygonB and myPolygonC.
var myTimingListA = myTimingSettings.timingLists.item(0);
var myTimingGroup = myTimingListA.timingGroups.item(1);
myTimingGroup.timingTargets.item(0).delaySeconds = 2;
myTimingGroup = myTimingListA.timingGroups.item(2);
myTimingGroup.timingTargets.item(0).delaySeconds = 2;
//Remove the last three timing groups in the timing list.
myTimingListA.timingGroups.item(-1).remove();
myTimingListA.timingGroups.item(-1).remove();
myTimingListA.timingGroups.item(-1).remove();
//Add a new timing list that triggers when the page is clicked.
var myTimingListB =
myTimingSettings.timingLists.add(DynamicTriggerEvents.onPageClick);
var myTimingGroupB = myTimingListB.timingGroups.add(myPolygonD, 0);
myTimingGroupB.timingTargets.add(myPolygonE, 2);
myTimingGroupB.timingTargets.add(myPolygonF, 2);
In the previous examples, we’ve worked with the
timingSettings
of the spread containing the page
items we want to animate. When you want to animate a page item when a user clicks the item, you’ll need
to use the
timingSettings
of the page item itself, as shown in the following script fragment (for the
complete script, refer to PageItemTimingSettings).
//Given a document "myDocument" and a page "myPage" containg a polygon "myPolygonA"...
//Remove the default timing list in the timing settings for the spread.
//Set animation preferences for the polygon.
myPolygonA.animationSettings.duration = 2;
myPolygonA.animationSettings.motionPathPoints = myMotionPathPointsA;
myPage.parent.timingSettings.timingLists.item(0).remove();
var myTimingSettings = myPolygonA.timingSettings;
var myTimingList = myTimingSettings.timingLists.add(DynamicTriggerEvents.onClick);
var myTimingGroup = myTimingList.timingGroups.add(myPolygonA, 0);
Animating transformations
Page items can change size, rotation or skewing angles, opacity, and visibility as their animation plays. The
animationSettings
of the page item contain properties (such as
rotationArray
or
hiddenAfter
) that
define the transformations that are applied during animation. The following script fragment shows how to
make a page item rotate as it follows a motion path (for the complete script, refer to AnimateRotation).