ComfyUI Node
🪠️ WWAA Before After Animator
Creates a before/after slider animation between two images, outputting a batch showing progressive reveal from the first image to the second. Supports four slider directions (left to right, right to left, top to bottom, bottom to top), customizable slider line width and color, multiple easing functions (linear, ease in, ease out, ease in out), and optional loop-back for seamless animations.
🪠️ WWAA Before After Animator
- image1
- image2
- images
◄num_frames10►
◄slider_directionleft_to_right►
◄slider_width3►
◄slider_color#FFFFFF►
◄ease_functionlinear►
◄loop_backfalse►
Category🪠️ WWAA/image
Inputs (8)
| Name | Type | Default | Description |
|---|---|---|---|
| image1 | IMAGE | — | |
| image2 | IMAGE | — | |
| num_frames | INT | 102–100 | — |
| slider_direction | COMBO | left_to_right | 4 options: left_to_right, right_to_left, top_to_bottom, bottom_to_top |
| slider_width | INT | 30–20 | Width of the slider line in pixels (0 for no line) |
| slider_color | STRING | #FFFFFF | Hex color for slider line (e.g., #FFFFFF for white) |
| ease_function | COMBO | linear | 4 options: linear, ease_in, ease_out, ease_in_out |
| loop_back | BOOLEAN | false | If True, creates a loop by sliding back to the before image using the same number of frames |
Outputs (1)
| Name | Type | Description |
|---|---|---|
| images | IMAGE | — |