Effects

Glass Refraction

Documentation and live preview for the Glass Refraction effect in iLoveVideoEditor.

Open in Studio
Preview loading…
0.00s / 0.00s

Compatible layers

TextShapeImageVideoCaptions
ParamTypeDefaultRange / Options
refractionAmountfloat2min 0 · max 8
roughnessfloat0.2min 0 · max 4
highlightAmountfloat0.6min 0 · max 4
edgeStrengthfloat0.3min 0 · max 4
iorfloat1.45min 0.5 · max 3

Generated VideoJSON

VideoJSON snippet
{
  "name": "Effect: glassRefraction",
  "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-000000000131",
      "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": [],
      "effects": [
        {
          "effect": "glassRefraction",
          "params": {
            "refractionAmount": 2,
            "roughness": 0.2,
            "highlightAmount": 0.6,
            "edgeStrength": 0.3,
            "ior": 1.45
          }
        }
      ]
    }
  ],
  "version": 2
}