Scrolling Gradient Grid

{ "fileBaseName": "09 - Scrolling Gradient Grid", "fileNameManual": false, "motion": "", "autoControls": true, "customControls": [], "code": "\n\n\n\n\nScrolling Gradient Grid\n\n\n\n

\n\n\n", "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "motionMode": { "value": "Ripple", "type": "dropdown", "label": "Motion Mode", "group": "Motion", "options": [ "Linear", "Wave", "Vortex", "Ripple" ] }, "scrollSpeed": { "value": 1.95, "type": "slider", "label": "Scroll Speed", "group": "Motion", "min": 0, "max": 3, "step": 0.05 }, "angle": { "value": 33, "type": "slider", "label": "Flow Angle", "group": "Motion", "min": 0, "max": 180, "step": 1, "unit": "°" }, "cols": { "value": 44, "type": "slider", "label": "Columns", "group": "Grid", "min": 4, "max": 48, "step": 1 }, "rows": { "value": 9, "type": "slider", "label": "Rows", "group": "Grid", "min": 4, "max": 64, "step": 1 }, "gap": { "value": 0, "type": "slider", "label": "Cell Gap", "group": "Grid", "min": 0, "max": 0.4, "step": 0.01 }, "round": { "value": 0, "type": "slider", "label": "Corner Round", "group": "Grid", "min": 0, "max": 0.5, "step": 0.02 }, "bandScale": { "value": 0.7, "type": "slider", "label": "Ribbon Scale", "group": "Motion", "min": 0.3, "max": 3, "step": 0.05 }, "palette": { "value": "Custom", "type": "dropdown", "label": "Palette", "group": "Colors", "options": [ "Prism", "RGBW", "Sunset", "Ice", "Custom" ] }, "customColor1": { "value": "#1D49FF", "type": "color", "label": "Custom Col 1", "group": "Colors" }, "customColor2": { "value": "#FF2304", "type": "color", "label": "Custom Col 2", "group": "Colors" }, "customColor3": { "value": "#ffffff", "type": "color", "label": "Custom Col 3", "group": "Colors" }, "customColor4": { "value": "#000000", "type": "color", "label": "Custom Col 4", "group": "Colors" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Colors" }, "contrast": { "value": 2, "type": "slider", "label": "Contrast", "group": "Colors", "min": 0.4, "max": 2, "step": 0.05 } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "motionMode": { "value": "Ripple", "type": "dropdown", "label": "Motion Mode", "group": "Motion", "options": [ "Linear", "Wave", "Vortex", "Ripple" ] }, "scrollSpeed": { "value": 1.95, "type": "slider", "label": "Scroll Speed", "group": "Motion", "min": 0, "max": 3, "step": 0.05 }, "angle": { "value": 33, "type": "slider", "label": "Flow Angle", "group": "Motion", "min": 0, "max": 180, "step": 1, "unit": "°" }, "cols": { "value": 44, "type": "slider", "label": "Columns", "group": "Grid", "min": 4, "max": 48, "step": 1 }, "rows": { "value": 9, "type": "slider", "label": "Rows", "group": "Grid", "min": 4, "max": 64, "step": 1 }, "gap": { "value": 0, "type": "slider", "label": "Cell Gap", "group": "Grid", "min": 0, "max": 0.4, "step": 0.01 }, "round": { "value": 0, "type": "slider", "label": "Corner Round", "group": "Grid", "min": 0, "max": 0.5, "step": 0.02 }, "bandScale": { "value": 0.7, "type": "slider", "label": "Ribbon Scale", "group": "Motion", "min": 0.3, "max": 3, "step": 0.05 }, "palette": { "value": "Custom", "type": "dropdown", "label": "Palette", "group": "Colors", "options": [ "Prism", "RGBW", "Sunset", "Ice", "Custom" ] }, "customColor1": { "value": "#1D49FF", "type": "color", "label": "Custom Col 1", "group": "Colors" }, "customColor2": { "value": "#FF2304", "type": "color", "label": "Custom Col 2", "group": "Colors" }, "customColor3": { "value": "#ffffff", "type": "color", "label": "Custom Col 3", "group": "Colors" }, "customColor4": { "value": "#000000", "type": "color", "label": "Custom Col 4", "group": "Colors" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Colors" }, "contrast": { "value": 2, "type": "slider", "label": "Contrast", "group": "Colors", "min": 0.4, "max": 2, "step": 0.05 } }, "ratio": "297/420", "analysis": null, "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "history": [ { "id": "0d2e29ba-0b37-41b5-96a5-c5e61e2bddbd", "time": "10:54 PM", "title": "Version 02", "code": "\n\n\n\n\nScrolling Gradient Grid\n\n\n\n

\n\n\n", "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "motionMode": { "value": "Ripple", "type": "dropdown", "label": "Motion Mode", "group": "Motion", "options": [ "Linear", "Wave", "Vortex", "Ripple" ] }, "scrollSpeed": { "value": 1.95, "type": "slider", "label": "Scroll Speed", "group": "Motion", "min": 0, "max": 3, "step": 0.05 }, "angle": { "value": 33, "type": "slider", "label": "Flow Angle", "group": "Motion", "min": 0, "max": 180, "step": 1, "unit": "°" }, "cols": { "value": 44, "type": "slider", "label": "Columns", "group": "Grid", "min": 4, "max": 48, "step": 1 }, "rows": { "value": 9, "type": "slider", "label": "Rows", "group": "Grid", "min": 4, "max": 64, "step": 1 }, "gap": { "value": 0, "type": "slider", "label": "Cell Gap", "group": "Grid", "min": 0, "max": 0.4, "step": 0.01 }, "round": { "value": 0, "type": "slider", "label": "Corner Round", "group": "Grid", "min": 0, "max": 0.5, "step": 0.02 }, "bandScale": { "value": 0.7, "type": "slider", "label": "Ribbon Scale", "group": "Motion", "min": 0.3, "max": 3, "step": 0.05 }, "palette": { "value": "Custom", "type": "dropdown", "label": "Palette", "group": "Colors", "options": [ "Prism", "RGBW", "Sunset", "Ice", "Custom" ] }, "customColor1": { "value": "#1D49FF", "type": "color", "label": "Custom Col 1", "group": "Colors" }, "customColor2": { "value": "#FF2304", "type": "color", "label": "Custom Col 2", "group": "Colors" }, "customColor3": { "value": "#ffffff", "type": "color", "label": "Custom Col 3", "group": "Colors" }, "customColor4": { "value": "#000000", "type": "color", "label": "Custom Col 4", "group": "Colors" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Colors" }, "contrast": { "value": 2, "type": "slider", "label": "Contrast", "group": "Colors", "min": 0.4, "max": 2, "step": 0.05 } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "motionMode": { "value": "Ripple", "type": "dropdown", "label": "Motion Mode", "group": "Motion", "options": [ "Linear", "Wave", "Vortex", "Ripple" ] }, "scrollSpeed": { "value": 1.95, "type": "slider", "label": "Scroll Speed", "group": "Motion", "min": 0, "max": 3, "step": 0.05 }, "angle": { "value": 33, "type": "slider", "label": "Flow Angle", "group": "Motion", "min": 0, "max": 180, "step": 1, "unit": "°" }, "cols": { "value": 44, "type": "slider", "label": "Columns", "group": "Grid", "min": 4, "max": 48, "step": 1 }, "rows": { "value": 9, "type": "slider", "label": "Rows", "group": "Grid", "min": 4, "max": 64, "step": 1 }, "gap": { "value": 0, "type": "slider", "label": "Cell Gap", "group": "Grid", "min": 0, "max": 0.4, "step": 0.01 }, "round": { "value": 0, "type": "slider", "label": "Corner Round", "group": "Grid", "min": 0, "max": 0.5, "step": 0.02 }, "bandScale": { "value": 0.7, "type": "slider", "label": "Ribbon Scale", "group": "Motion", "min": 0.3, "max": 3, "step": 0.05 }, "palette": { "value": "Custom", "type": "dropdown", "label": "Palette", "group": "Colors", "options": [ "Prism", "RGBW", "Sunset", "Ice", "Custom" ] }, "customColor1": { "value": "#1D49FF", "type": "color", "label": "Custom Col 1", "group": "Colors" }, "customColor2": { "value": "#FF2304", "type": "color", "label": "Custom Col 2", "group": "Colors" }, "customColor3": { "value": "#ffffff", "type": "color", "label": "Custom Col 3", "group": "Colors" }, "customColor4": { "value": "#000000", "type": "color", "label": "Custom Col 4", "group": "Colors" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Colors" }, "contrast": { "value": 2, "type": "slider", "label": "Contrast", "group": "Colors", "min": 0.4, "max": 2, "step": 0.05 } }, "ratio": "297/420", "resolution": { "mode": "auto", "width": 0, "height": 0, "aspectLocked": true, "previousRatio": "297/420" }, "typographyUi": null, "capabilitiesUi": null, "webcamUi": { "canvasFeedVisible": false, "trackingStatus": "idle", "trackingMessage": "No precision tracking requested", "trackingError": "" } } ], "activeVersionId": "0d2e29ba-0b37-41b5-96a5-c5e61e2bddbd", "typographyUi": null, "capabilitiesUi": null, "webcamUi": { "canvasFeedVisible": false, "trackingStatus": "idle", "trackingMessage": "No precision tracking requested", "trackingError": "" }, "resolution": { "mode": "auto", "width": 0, "height": 0, "aspectLocked": true, "previousRatio": "297/420" } }