Scan Reveal

Documentation and live preview for the Scan Reveal transition in iLoveVideoEditor.

Preview loading…

0.00s / 0.00s

Compatible layers

TextShapeImageVideoCaptions

Param	Type	Default	Range / Options
angle	number	0	min -360 · max 360
bandWidth	number	0.22	min 0 · max 0.5
softness	number	0.09	min 0 · max 0.3
edgeGlow	number	4	min 0 · max 8
edgeDistortion	number	0.025	min 0 · max 0.1
glowColor	color	"#00d4ff"	—

Generated VideoJSON

VideoJSON snippet

{
  "name": "Transition: scanReveal",
  "layers": [
    {
      "id": "root",
      "type": "composition",
      "settings": {
        "enabled": true,
        "startTime": 0,
        "sourceDuration": 3,
        "width": 1920,
        "height": 1080,
        "fps": 30,
        "backgroundColor": "#0f172a",
        "_originalWidth": 1920,
        "_originalHeight": 1080
      },
      "properties": {},
      "animations": []
    },
    {
      "id": "00000000-0000-0000-0000-000000000127",
      "type": "shape",
      "settings": {
        "enabled": true,
        "startTime": 0,
        "sourceDuration": 3,
        "name": "Shape Layer",
        "shapeType": "rectangle"
      },
      "properties": {
        "position": [
          0.5,
          0.5
        ],
        "width": 540,
        "height": 300,
        "fill": "#3b82f6",
        "cornerRadius": 36
      },
      "animations": [],
      "transitionIn": {
        "transition": "scanReveal",
        "duration": 1,
        "easing": "linear",
        "params": {
          "angle": 0,
          "bandWidth": 0.22,
          "softness": 0.09,
          "edgeGlow": 4,
          "edgeDistortion": 0.025,
          "glowColor": "#00d4ff"
        }
      }
    }
  ],
  "version": 2
}