Mosaic Reveal

Documentation and live preview for the Mosaic Reveal effect in iLoveVideoEditor.

Preview loading…

0.00s / 0.00s

Compatible layers

TextShapeImageVideoCaptions

Param	Type	Default	Range / Options
progress	float	0.75	min 0 · max 1
cellSize	float	31	min 1 · max 307
randomness	float	0.5	min 0 · max 1
softness	float	0.05	min 0.0001 · max 1
direction	option	"left"	left, right, top, bottom, random
invert	bool	false	—

Generated VideoJSON

VideoJSON snippet

{
  "name": "Effect: mosaicReveal",
  "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-000000000125",
      "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": [
        {
          "id": "00000000-0000-0000-0000-000000000126",
          "property": "effects.mosaicReveal[0].progress",
          "keyframes": [
            {
              "time": 0,
              "value": 0,
              "easing": "easeInOut"
            },
            {
              "time": 3,
              "value": 1,
              "easing": "step"
            }
          ]
        }
      ],
      "effects": [
        {
          "effect": "mosaicReveal",
          "params": {
            "progress": 0.75,
            "cellSize": 31,
            "randomness": 0.5,
            "softness": 0.05,
            "direction": "left",
            "invert": false
          }
        }
      ]
    }
  ],
  "version": 2
}