Nodes/ComfyUI-VideoTransition/Video Explosion Transition
ComfyUI Node

Video Explosion Transition

Blow video1 into fragments and let video2 reassemble — six ways to explode

By yichengup·Created 11 months ago·Updated 11 months ago· 25
Video Explosion Transition
  • video1
  • video2
  • video
explosion_style
total_frames24
fps24
fragment_size64
explosion_force1.00
rotation_speed1.00
gravity_strength0.50
fade_outtrue
use_gpufalse
batch_size5
background_color#000000
width640
height640
quality90

The pack's designated action-hero transition. Video Explosion shatters your first clip into a cloud of fragments - scattered, blasted outward, spiraling, falling under gravity, or blown away like confetti - and as the debris clears, the next clip is already there. It's not subtle and it shouldn't be; this is for action cuts, glitchy music videos, and intros where you want the audience to feel the impact. If the cut itself is supposed to be invisible, look at the pack's crossfade or blink instead.

How it works

Chromium branch: the frame gets sliced into squares by fragment_size, each fragment is positioned via CSS transforms, and a headless Chromium (Playwright) animates the physics - the explosion_style enum is basically a preset physics rig. random_scatter is pure chaos, radial_burst blasts from a point, spiral_explosion whirls the shards out, gravity_fall drops them, wind_blow pushes them sideways, and center_burst detonates from the middle. The browser screenshots each animation frame back into a ComfyUI IMAGE tensor.

Inputs and outputs that matter

  • video1, video2 - the two clips.
  • explosion_style - the six-way enum above. The whole personality of the effect lives here.
  • fragment_size (16–128, default 64) - pixel size of each shard. Smaller = finer dust and much more to animate; 128 is chunky and fast.
  • explosion_force (0.3–3) - how hard the fragments fly. Keep this in mind before the render - high force at high fps is where this node gets slow.
  • rotation_speed (0–3) - how much the shards tumble as they fly.
  • gravity_strength (0–2) - pulls the debris down (pairs well with gravity_fall).
  • fade_out (default on) - fragments fade as they scatter instead of flying forever.
  • total_frames (default 24) and fps (default 24) - the transition is short by design; a snappy burst is the look.
  • use_gpu, batch_size, background_color, width/height (up to 3840), quality.

Output is video - an IMAGE batch; feed it to VHS_VideoCombine or ImageBatch to export.

Installing it

Same pack as the rest. ComfyUI Manager → "VideoTransition", or:

cd ComfyUI/custom_nodes
git clone https://github.com/yichengup/ComfyUI-VideoTransition
cd ComfyUI-VideoTransition
pip install -r requirements.txt
playwright install chromium

Chromium is required - this is a browser-rendered node, no browser, no boom.

Common issues

  • Missing Chromium crash - you know the drill by now: playwright install chromium (mirror flag behind the GFW).
  • Slow renders - tiny fragment_size (like 16) with high explosion_force is the worst case, hundreds of animated elements screenshot per frame. Coarsen fragment_size, lower fps/duration per the README.
  • Fragments overlap the new clip oddly - if the debris and video2 fight for attention, lower fade_out off or shorten the transition; the effect reads best when the debris is mostly gone before video2 lands.
  • Black flashes between shards - check background_color; on some styles the gaps between fragments expose the background, so a matching color hides it.
CategoryVideoTransition

Inputs (16)

NameTypeDefaultDescription
video1IMAGE
video2IMAGE
explosion_styleCOMBO6 options: random_scatter, radial_burst, spiral_explosion, gravity_fall, wind_blow, center_burst
total_framesINT244–300
fpsINT2415–60
fragment_sizeoptINT6416–128
explosion_forceoptFLOAT1.000.3–3
rotation_speedoptFLOAT1.000–3
gravity_strengthoptFLOAT0.500–2
fade_outoptBOOLEANtrue
use_gpuoptBOOLEANfalse
batch_sizeoptINT51–20
background_coloroptSTRING#000000
widthoptINT640640–3840
heightoptINT640360–2160
qualityoptINT9060–100

Outputs (1)

NameTypeDescription
videoIMAGE