-
Notifications
You must be signed in to change notification settings - Fork 13
Transitions
Jeremy edited this page Jul 12, 2023
·
3 revisions
This page describes a collection of image transitions in Java.
The Transition is a functional interface that reads:
void paint(Graphics2D g, BufferedImage frameA, BufferedImage frameB, float progress);
So if progress == 0 we render frameA, and if progress == 1 we render frameB. And as progress transitions from 0 to 1: the Transition is responsible for tweening between the two frames somehow.
These use the built-in Java2D architecture:
![]() Bars Horizontal Random |
![]() Bars Horizontal |
![]() Bars Vertical Random |
![]() Bars Vertical |
![]() Blend |
![]() Blinds Left (4) |
![]() Blinds Left (10) |
![]() Blinds Left (20) |
![]() Blinds Right (10) |
![]() Blinds Up (10) |
![]() Blinds Down (10) |
![]() Box In |
![]() Box Out |
![]() Checkerboard Left |
![]() Checkerboard Right |
![]() Checkerboard Up |
![]() Checkerboard Down |
![]() Circle In |
![]() Circle Out |
![]() Collapse |
![]() Curtain |
![]() Diamonds (10) |
![]() Diamonds (20) |
![]() Diamonds (40) |
![]() Documentary Left |
![]() Documentary Right |
![]() Documentary Up |
![]() Documentary Down |
![]() Dots |
![]() Drop |
![]() Flurry In |
![]() Flurry Out |
![]() Funky Wipe Circular |
![]() Funky Wipe Across |
![]() Goo (10) |
![]() Goo (20) |
![]() Goo (50) |
![]() Halftone In |
![]() Halftone Out |
![]() Kaleidoscope |
![]() Levitate |
![]() Mesh Shuffle |
![]() Microscope |
![]() Mirage |
![]() Motion Blend |
![]() Refractive |
![]() Pivot Out Top Left |
![]() Pivot In Top Left |
![]() Pivot Out Top Right |
![]() Pivot In Top Right |
![]() Pivot Out Bottom Left |
![]() Pivot In Bottom Left |
![]() Pivot Out Bottom Right |
![]() Pivot In Bottom Right |
![]() Push Left |
![]() Push Down |
![]() Push Up |
![]() Push Right |
![]() Radial Wipe Clockwise |
![]() Radial Wipe Counterclockwise |
![]() Reveal Left |
![]() Reveal Right |
![]() Reveal Up |
![]() Reveal Down |
![]() Rotate In |
![]() Rotate Out |
![]() Scale In |
![]() Scale Out |
![]() Scribble |
![]() Scribble Twice |
![]() Slide Left |
![]() Slide Right |
![]() Slide Up |
![]() Slide Left |
![]() Spiral |
![]() Spiral Sprawl |
![]() Split Horizontal Out |
![]() Split Horizontal In |
![]() Split Vertical Out |
![]() Split Vertical In |
![]() Square Rain (6) |
![]() Square Rain (12) |
![]() Square Rain (24) |
![]() Squares (10x10) |
![]() Squares (30x30) |
![]() Squares (20x20) |
![]() Star In |
![]() Star Out |
![]() Stars Left |
![]() Stars Right |
![]() Swivel Counterclockwise |
![]() Swivel Clockwise |
![]() Toss Left |
![]() Toss Right |
![]() Wave Left |
![]() Wave Right |
![]() Wave Up |
![]() Wave Down |
![]() Wipe Up |
![]() Wipe Left |
![]() Wipe Down |
![]() Wipe Right |
![]() Zoom Left |
![]() Zoom Left Stationary |
![]() Zoom Right |
![]() Zoom Right Stationary |
These use the ImageContext class to achieve a 3D-looking effect:
![]() Cube Up |
![]() Cube Down |
![]() Cube Left |
![]() Cube Right |
![]() Cube Up Flush |
![]() Cube Down Flush |
![]() Cube Left Flush |
![]() Cube Right Flush |
![]() Flip Up |
![]() Flip Down |
![]() Flip Left |
![]() Flip Right |
![]() Flip Up Flush |
![]() Flip Down Flush |
![]() Flip Left Flush |
![]() Flip Right Flush |
![]() Fold Up |
![]() Fold Down |
![]() Fold Left |
![]() Fold Right |
![]() Fold Up Twice |
![]() Fold Down Twice |
![]() Fold Left Twice |
![]() Fold Right Twice |
Check out the new Showcase v1.03 app! It includes eyedroppers, color pickers, enhanced HTML support, misc ComponentUI's, and more.





.gif)
.gif)
.gif)
.gif)
.gif)
.gif)










.gif)
.gif)
.gif)










.gif)
.gif)
.gif)










































.gif)
.gif)
.gif)
.gif)
.gif)
.gif)











































