Coffee Shop API / SMIL transitions

The current section describes the mapping between transitions of the the SMIL standard and those of the Coffee Shop API.

Edge Wipe Transition Effects

In the edge wipe family, an "edge" moves over the first clip, revealing the second clip. As an analogy, imagine a car covered with snow. As the windshield wiper moves, its edge reveals the underlying windshield. In these transitions, the edge may be different shapes, such as a straight line, a wedge, or a zigzag. The first subtype listed for each type in the following table is the default.

Edge Wipe Transition Effects
Type Subtype SMPTE Transition Appearance Bean Class Reference
barWipe leftToRight 1 A bar moves from left to right. org.flashapi.coffeeshop.coffeebean.SlideToRight
topToBottom 2 A bar moves from top to bottom. org.flashapi.coffeeshop.coffeebean.SlideToBottom
boxWipe topLeft 3 A box expands from the upper-left corner to the lower-right corner. org.flashapi.coffeeshop.coffeebean.BoxTopLeft
topRight 4 A box expands from the upper-right corner to the lower-left corner. org.flashapi.coffeeshop.coffeebean.BoxTopRight
bottomRight 5 A box expands from the lower-right corner to the upper-left corner. org.flashapi.coffeeshop.coffeebean.BoxBottomRight
bottomLeft 6 A box expands from the lower-left corner to the upper-right corner. org.flashapi.coffeeshop.coffeebean.BoxBottomLeft
topCenter 23 A box expands from the top edge's midpoint to the bottom corners. org.flashapi.coffeeshop.coffeebean.BoxCenterTop
rightCenter 24 A box expands from the right edge's midpoint to the left corners. org.flashapi.coffeeshop.coffeebean.BoxCenterRight
bottomCenter 25 A box expands from the bottom edge's midpoint to the top corners. org.flashapi.coffeeshop.coffeebean.BoxCenterBottom
leftCenter 26 A box expands from the left edge's midpoint to the right corners. org.flashapi.coffeeshop.coffeebean.BoxCenterLeft
fourBoxWipe cornersIn 7 A box shape expands from each of the four corners toward the center. org.flashapi.coffeeshop.coffeebean.CornersIn
cornersOut 8 A box shape expands from the center of each quadrant toward the corners of each quadrant. org.flashapi.coffeeshop.coffeebean.CornersOut
barnDoorWipe vertical 21 A central, vertical line splits and expands toward the left and right edges. org.flashapi.coffeeshop.coffeebean.VerticalCurtainOut
horizontal 22 A central, horizontal line splits and expands toward the top and bottom edges. org.flashapi.coffeeshop.coffeebean.HorizontalCurtainOut
diagonalBottomLeft 45 A diagonal line from the lower-left to upper-right corners splits and expands toward the opposite corners. org.flashapi.coffeeshop.coffeebean.DoubleDiagonalLeftOut
diagonalTopLeft 46 A diagonal line from upper-left to lower-right corners splits and expands toward the opposite corners. org.flashapi.coffeeshop.coffeebean.DoubleDiagonalRightOut
diagonalWipe diagonalWipe 41 A diagonal line moves from the upper-left corner to the lower-right corner. org.flashapi.coffeeshop.coffeebean.DiagonalTopLeft
topRight 42 A diagonal line moves from the upper right corner to the lower-left corner. org.flashapi.coffeeshop.coffeebean.DiagonalTopRight
bowTieWipe vertical 43 Two wedge shapes slide in from the top and bottom edges toward the center. org.flashapi.coffeeshop.coffeebean.BowTieVertical
horizontal 44 Two wedge shapes slide in from the left and right edges toward the center. org.flashapi.coffeeshop.coffeebean.BowTieHorizontal
miscDiagonalWipe doubleBarnDoor 47 Four wedge shapes split from the center and retract toward the four edges. org.flashapi.coffeeshop.coffeebean.DoubleBarnDoorOut
doubleDiamond 48 A diamond connecting the four edge midpoints simultaneously contracts toward the center and expands toward the edges. org.flashapi.coffeeshop.coffeebean.DoubleDiamonsOut
veeWipe down 61 A wedge shape moves from top to bottom. org.flashapi.coffeeshop.coffeebean.VeeDownOut
left 62 A wedge shape moves from right to left. org.flashapi.coffeeshop.coffeebean.VeeLeftOut
up 63 A wedge shape moves from bottom to top. org.flashapi.coffeeshop.coffeebean.VeeUpOut
right 64 A wedge shape moves from left to right. org.flashapi.coffeeshop.coffeebean.VeeRightOut
barnVeeWipe down 65 A "V" shape extending from the bottom edge's midpoint to the opposite corners contracts toward the center and expands toward the edges. org.flashapi.coffeeshop.coffeebean.BarnVeeDownOut
left 66 A "V" shape extending from the left edge's midpoint to the opposite corners contracts toward the center and expands toward the edges. org.flashapi.coffeeshop.coffeebean.BarnVeeLeftOut
up 67 A "V" shape extending from the top edge's midpoint to the opposite corners contracts toward the center and expands toward the edges. org.flashapi.coffeeshop.coffeebean.BarnVeeUpOut
right 68 A "V" shape extending from the right edge's midpoint to the opposite corners contracts toward the center and expands toward the edges. org.flashapi.coffeeshop.coffeebean.BarnVeeRightOut
zipZagWipe leftToRight 71 A zigzag shape moves from left to right. Not implemented yet.
topToBottom 72 A zigzag shape moves from top to bottom. Not implemented yet.
barnZigZagWipe vertical 73 The vertical, central line splits in a zigzag pattern and moves toward the left and right edges. Not implemented yet.
horizontal 74 The horizontal, central line splits in a zigzag pattern and moves toward the top and bottom edges. Not implemented yet.

 

Iris Wipe Transition Effects

A transition effect in the iris wipe family reveals a clip through an expanding shape. For example, a star can expand from the center of the transition area to reveal a new clip. The first subtype listed for each type in the following table is the default.

Iris Wipe Transition Effects
Type Subtype SMPTE Transition Appearance Bean Class Reference
irisWipe rectangle 101 A rectangle expands from the center. org.flashapi.coffeeshop.coffeebean.IrisRectangleOut
diamond 102 A four-sided diamond expands from the center. org.flashapi.coffeeshop.coffeebean.IrisRDiamondOut
triangleWipe up 103 A triangle pointed toward the top edge expands from the center. org.flashapi.coffeeshop.coffeebean.TriangleUpOut
right 104 A triangle pointed toward the right edge expands from the center. org.flashapi.coffeeshop.coffeebean.TriangleRightOut
down 105 A triangle pointed toward the bottom edge expands from the center. org.flashapi.coffeeshop.coffeebean.TriangleDownOut
left 106 A triangle pointed toward the left edge expands from the center. org.flashapi.coffeeshop.coffeebean.TriangleLeftOut
arrowHeadWipe up 107 An arrowhead shape pointed toward the top edge expands from the center. Not implemented yet.
right 108 An arrowhead shape pointed toward the right edge expands from the center. Not implemented yet.
down 109 An arrowhead shape pointed toward the bottom edge expands from the center. Not implemented yet.
left 110 An arrowhead shape pointed toward the left edge expands from the center. Not implemented yet.
pentagonWipe up 111 A pentagon pointed toward the top edge expands from the center. Not implemented yet.
down 112 A pentagon pointed toward the bottom edge expands from the center. Not implemented yet.
hexagonWipe horizontal 113 A hexagon with flat sides at top and bottom expands from the center. Not implemented yet.
vertical 114 A hexagon with flat sides at left and right expands from the center. Not implemented yet.
ellipseWipe circle 119 A circle expands from the center. org.flashapi.coffeeshop.coffeebean.IrisCircleOut
horizontal 120 A horizontal ellipse expands from the center. org.flashapi.coffeeshop.coffeebean.EllipseHorizontal
vertical 121 A vertical ellipse expands from the center. org.flashapi.coffeeshop.coffeebean.EllipseVertical
eyeWipe horizontal 122 An eye shape, its corners pointing left and right, expands from the center. Not implemented yet.
vertical 123 An eye shape, its corners pointing up and down, expands from the center. Not implemented yet.
roundRectWipe horizontal 124 A horizontal rectangle with rounded corners expands from the center. Not implemented yet.
vertical 125 A vertical rectangle with rounded corners expands from the center. Not implemented yet.
starWipe fourPoint 127 A four-pointed star expands from the center. Not implemented yet.
fivePoint 128 A five-pointed star expands from the center. Not implemented yet.
sixPoint 129 A six-pointed star expands from the center. Not implemented yet.
miscShapeWipe heart 130 A heart shape expands from the center. Not implemented yet.
keyhole 131 A keyhole shape expands from the center. Not implemented yet.

 

Clock Wipe Transition Effects

The clock wipe family includes transition effects in which a clip is revealed by a radial sweep, similar to the second hand sweeping around the face of a clock. The first subtype listed for each type in the following table is the default.

Clock Wipe Transition Effects
Type Subtype SMPTE Transition Appearance Bean Class Reference
clockWipe clockwiseTwelve 201 A radial hand sweeps clockwise from the twelve o'clock position. org.flashapi.coffeeshop.coffeebean.ClockwiseTwelve
clockwiseThree 202 A radial hand sweeps clockwise from the three o'clock position. org.flashapi.coffeeshop.coffeebean.ClockwiseThree
clockwiseSix 203 A radial hand sweeps clockwise from the six o'clock position. org.flashapi.coffeeshop.coffeebean.ClockwiseSix
clockwiseNine 204 A radial hand sweeps clockwise from the nine o'clock position. org.flashapi.coffeeshop.coffeebean.ClockwiseNine
pinWheelWipe twoBladeVertical 205 Two radial hands sweep clockwise from the twelve and six o'clock positions. org.flashapi.coffeeshop.coffeebean.TwoBladeVertical
twoBladeHorizontal 206 Two radial hands sweep clockwise from the nine and three o'clock positions. org.flashapi.coffeeshop.coffeebean.TwoBladeHorizontal
fourBlade 207 Four radial hands sweep clockwise. org.flashapi.coffeeshop.coffeebean.FourBlade
fanWipe centerTop 211 A fan unfolds from the top edge, the fan axis at the center. org.flashapi.coffeeshop.coffeebean.FanCenterTop
centerRight 212 A fan unfolds from the right edge, the fan axis at the center. org.flashapi.coffeeshop.coffeebean.FanCenterRight
top 231 A fan unfolds from the bottom, the fan axis at the top edge's midpoint. org.flashapi.coffeeshop.coffeebean.FanTopOut
right 232 A fan unfolds from the left, the fan axis at the right edge's midpoint. org.flashapi.coffeeshop.coffeebean.FanRightOut
bottom 233 A fan unfolds from the top, the fan axis at the bottom edge's midpoint. org.flashapi.coffeeshop.coffeebean.FanBottomOut
left 234 A fan unfolds from the right, the fan axis at the left edge's midpoint. org.flashapi.coffeeshop.coffeebean.FanLeftOut

 

Matrix Wipe Transition Effects

The matrix wipe family includes transition effects in which a clip is revealed by a series of sequential tiles that follow a pattern, such as a spiral. In the following table, the first subtype listed for each type is the default.

Matrix Wipe Transition Effects
Type Subtype SMPTE Transition Appearance Bean Class Reference
snakeWipe topLeftHorizontal 301 Tiles move in a horizontal zigzag from the upper-left corner. org.flashapi.coffeeshop.coffeebean.SnakeTopLeftHorizontal
topLeftVertical 302 Tiles move in a vertical zigzag from the upper-left corner. org.flashapi.coffeeshop.coffeebean.SnakeTopLeftVertical
waterfallWipe verticalLeft 350 Tiles cascade vertically from the left in a waterfall effect. org.flashapi.coffeeshop.coffeebean.WaterfallVerticalLeft
verticalRight 351 Tiles cascade vertically from the right in a waterfall effect. org.flashapi.coffeeshop.coffeebean.WaterfallVerticalRight
horizontalLeft 352 Tiles cascade horizontally from the left in a waterfall effect. org.flashapi.coffeeshop.coffeebean.WaterfallHorizontalLeft
horizontalRight 353 Tiles cascade horizontally from the right in a waterfall effect. org.flashapi.coffeeshop.coffeebean.WaterfallHorizontalRight

 

Fade, Push, and Slide Transition Effects

This transition family, which has no corresponding SMPTE codes, includes fades that let you blend images into one another, or fade an image into or out of a solid color. The push and wipe transition effects allow a second clip to push the first clip out of the way, or to slide over it. In the following table, the first subtype for a certain type is the default.

Fade, Push, and Slide Transition Effects
Type Subtype Transition Appearance Bean Class Reference
fade crossfade The clip fades into the clip that follows it. org.flashapi.coffeeshop.coffeebean.Fade
fadeFromColor The clip fades in from a solid color. org.flashapi.coffeeshop.coffeebean.FadeColorIn
fadeToColor The clip fades out into a solid color. org.flashapi.coffeeshop.coffeebean.FadeColorOut
pushWipe fromLeft The clip pushes out the preceding clip from left to right. org.flashapi.coffeeshop.coffeebean.PushToRight
fromRight The clip pushes out the preceding clip from right to left. org.flashapi.coffeeshop.coffeebean.PushToLeft
fromTop The clip pushes out the previous clip from top to bottom. org.flashapi.coffeeshop.coffeebean.PushToBottom
fromBottom The clip pushes out the previous clip from bottom to top. org.flashapi.coffeeshop.coffeebean.PushToTop
slideWipe fromLeft The clip slides over the preceding clip from left to right org.flashapi.coffeeshop.coffeebean.SlideToRight
fromRight The clip slides over the preceding clip from right to left. org.flashapi.coffeeshop.coffeebean.SlideToLeft
fromTop The clip slides over the previous clip from top to bottom. org.flashapi.coffeeshop.coffeebean.SlideToBottom
fromBottom The clip slides over the previous clip from bottom to top. org.flashapi.coffeeshop.coffeebean.SlideToTop