Lut

Lut can be an attribute of an image or video element, affecting that specific element, or it can be an element itself, applying to the entire canvas.

PropTypeRequiredExampleValue RangeDescription
titlestringtrueLabradorite-The title of the lookup table.
typestringtrue3D-The type of lookup table.
sizenumbertrue33-The size of the lookup table.
domainarraytrue--The domain of the lookup table.
dataarraytrue--The data array of the lookup table. Should be a flat array of RGB values with length = size³ × 3.
strengthnumberfalse10 to 1The intensity of the LUT effect. 0 = no effect, 1 = full effect.
imageElement.json
1{ 2 "type": "", 3 "width": 1920, 4 "height": 1080, 5 "fill": "#000000", 6 "view": [ 7 { 8 "id": "6b91fbc5-a69c-4783-8216-395b8feac9b2", 9 "type": "Image", 10 "start": 0, 11 "duration": 5, 12 "trackIndex": 1, 13 "x": 0, 14 "y": 0, 15 "blendMode": "normal", 16 "anchorX": 1310.5, 17 "anchorY": 1965.5, 18 "rotation": 0, 19 "scaleX": 0.27473925209870265, 20 "scaleY": 0.27473925209870265, 21 "alpha": 1, 22 "skewX": 0, 23 "skewY": 0, 24 "keyframes": [], 25 "externalUrl": "https://images.pexels.com/photos/30473423/pexels-photo-30473423.jpeg", 26 "ext": "jpeg", 27 "lut": { 28 "title": "Lava", 29 "type": "3D", 30 "size": 33, 31 "domain": [ 32 [ 33 0, 34 0, 35 0 36 ], 37 [ 38 1, 39 1, 40 1 41 ] 42 ], 43 "data": [/* LUT data array omitted for brevity - should contain size³ × 3 RGB values */], 44 "strength": 1 45 } 46 } 47 ], 48 "audio": [], 49 "effect": [ 50 { 51 "id": "88ac9e96-2c66-40e8-b932-7fd590fd5a13", 52 "start": 0, 53 "duration": 5, 54 "trackIndex": 0, 55 "lut": { 56 "title": "Labradorite", 57 "type": "3D", 58 "size": 33, 59 "domain": [ 60 [ 61 0, 62 0, 63 0 64 ], 65 [ 66 1, 67 1, 68 1 69 ] 70 ], 71 "data": [/* LUT data array omitted for brevity */], 72 "strength": 1 73 }, 74 "type": "Lut" 75 } 76 ], 77 "transition": [], 78 "version": 0, 79 "duration": 5 80} 81