Skip to content

Latest commit

 

History

History
 
 

transition_scripts

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 
bars_horizontal_one.sh
bars_horizontal_one.sh
 
 
bars_horizontal_two.sh
bars_horizontal_two.sh
 
 
bars_vertical_one.sh
bars_vertical_one.sh
 
 
bars_vertical_two.sh
bars_vertical_two.sh
 
 
box_in_horizontal.sh
box_in_horizontal.sh
 
 
box_in_vertical.sh
box_in_vertical.sh
 
 
checkerboard.sh
checkerboard.sh
 
 
clock.sh
clock.sh
 
 
collapse_both.sh
collapse_both.sh
 
 
collapse_circular.sh
collapse_circular.sh
 
 
collapse_horizontal.sh
collapse_horizontal.sh
 
 
collapse_vertical.sh
collapse_vertical.sh
 
 
cover_horizontal.sh
cover_horizontal.sh
 
 
cover_vertical.sh
cover_vertical.sh
 
 
expand_both.sh
expand_both.sh
 
 
expand_circular.sh
expand_circular.sh
 
 
expand_horizontal.sh
expand_horizontal.sh
 
 
expand_vertical.sh
expand_vertical.sh
 
 
fade_in_one.sh
fade_in_one.sh
 
 
fade_in_two.sh
fade_in_two.sh
 
 
push_box_horizontal.sh
push_box_horizontal.sh
 
 
push_box_vertical.sh
push_box_vertical.sh
 
 
push_horizontal.sh
push_horizontal.sh
 
 
push_vertical.sh
push_vertical.sh
 
 
rotate_one.sh
rotate_one.sh
 
 
sliding_bars_horizontal.sh
sliding_bars_horizontal.sh
 
 
sliding_bars_vertical.sh
sliding_bars_vertical.sh
 
 
spin_blur_rotation.sh
spin_blur_rotation.sh
 
 
stack_horizontal.sh
stack_horizontal.sh
 
 
stack_vertical.sh
stack_vertical.sh
 
 
wipe_in_horizontal.sh
wipe_in_horizontal.sh
 
 
wipe_in_vertical.sh
wipe_in_vertical.sh
 
 
wipe_out_horizontal.sh
wipe_out_horizontal.sh
 
 
wipe_out_vertical.sh
wipe_out_vertical.sh
 
 

README.md

Transition Scripts

Each script in this section demonstrates a different transition animation. Only images are supported, no video input support.

Please note that sample animations used in this page are low in quality and does not represent full functionality of the scripts.

Bars #1

New image appears through growing bars, bars grow from one side to the other

Options: screen mode, width, height, fps, image duration, transition duration, background color, bar count

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Bars #2

New image appears through growing bars, bars grow from center to the both sides

Options: screen mode, width, height, fps, image duration, transition duration, background color, bar count

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Box In

New image appears as a box moving in and out

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Box in Image #1 transition duration
2 Show Image #1 image duration
3 Box out Image #1 transition duration
4 Box in Image #2 transition duration
5 Show Image #2 image duration
6 Box out Image #2 transition duration
... ... ...
n*3-2 Box in Image #n transition duration
n*3-1 Show Image #n image duration
n*3 Box out Image #n transition duration

                                    Horizontal                                                                                           Vertical

Checkerboard

New image appears in growing square boxes

Options: screen mode, width, height, fps, image duration, transition duration, background color, cell size

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Clock

New image is revealed by a clock like line swiping across the screen

Options: screen mode, width, height, fps, image duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Collapse

New image appears as two lines move from both sides to the center

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Collapse Both

Horizontal and vertical collapse at the same time

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Collapse Circular

Circular collapse

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Cover

A moving line shows the new image

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Expand

New image appears as two lines move from center to the sides

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Expand Both

Horizontal and vertical expand at the same time

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Expand Circular

Circular expand

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Fade In #1

New image appears fading in

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Fade In #2

New image appears fading in while the previous one is fading out

Options: screen mode, width, height, fps, image duration, transition duration, background color

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

Push

New image pushes previous one

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Push Box

Box In and Push transitions combined.

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Box in Image #1 transition duration
2 Show Image #1 image duration
3 Box out Image #1 transition duration
4 Box in Image #2 transition duration
5 Show Image #2 image duration
6 Box out Image #2 transition duration
... ... ...
n*3-2 Box in Image #n transition duration
n*3-1 Show Image #n image duration
n*3 Box out Image #n transition duration

                                    Horizontal                                                                                           Vertical

Rotate #1

New image appears moving from left to right and rotating

Options: width, height, fps, image duration, transition duration, screen mode, background color

Scene Arrangement

# Scene Duration (seconds)
1 Transition to Image #1 transition duration
2 Show Image #1 image duration
3 Transition to Image #2 transition duration
4 Show Image #2 image duration
... ... ...
n*2 Show Image #n image duration

Sliding Bars

Enhanced version of Wipe In transition. Screen is divided into bars sliding from one side to the other

Options: screen mode, width, height, fps, image duration, transition duration, background color, bar count, direction

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Spin Blur Rotation

New image appears with spin blur rotation effect

Options: width, height, fps, image duration

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 0.5
3 Show Image #2 image duration
4 Transition to Image #3 0.5
... ... ...
(n-1)*2+1 Show Image #n image duration

Stack

Scrolls the images horizontally or vertically

Options: width, height, fps, total duration, background color, direction, include intro, include outro

Scene Arrangement

# Scene Duration (seconds)
1 Transition to Image #1 total duration/image count
2 Transition to Image #2 total duration/image count
3 Transition to Image #3 total duration/image count
... ... ...
n Transition to Image #n total duration/image count

                                    Horizontal                                                                                           Vertical

Wipe In

New image appears moving in

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical

Wipe Out

New image appears as the previous one moves out

Options: screen mode, width, height, fps, image duration, transition duration, background color, direction

Scene Arrangement

# Scene Duration (seconds)
1 Show Image #1 image duration
2 Transition to Image #2 transition duration
3 Show Image #2 image duration
4 Transition to Image #3 transition duration
... ... ...
(n-1)*2+1 Show Image #n image duration

                                    Horizontal                                                                                           Vertical