{ "fileBaseName": "06-Illusion-Stripe", "fileNameManual": false, "motion": "", "autoControls": true, "customControls": [], "code": "\n\n\n\n\n\n\n

\n\n\n", "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": -1.59, "type": "slider", "label": "Wave Speed", "group": "Motion", "min": -2, "max": 2, "step": 0.01 }, "waveFreq": { "value": 3.2, "type": "slider", "label": "Wave Frequency", "group": "Motion", "min": 0.2, "max": 6, "step": 0.01 }, "waveAmp": { "value": 0.26, "type": "slider", "label": "Wave Amplitude", "group": "Motion", "min": 0, "max": 1, "step": 0.01 }, "pointerMode": { "value": "repel", "type": "dropdown", "label": "Pointer Mode", "group": "Interaction", "options": [ "warp", "attract", "repel", "ripple", "swirl", "freeze", "off" ] }, "pointerStrength": { "value": 0.87, "type": "slider", "label": "Pointer Strength", "group": "Interaction", "min": 0, "max": 3, "step": 0.01 }, "pointerRadius": { "value": 0.99, "type": "slider", "label": "Pointer Radius", "group": "Interaction", "min": 0.05, "max": 1.5, "step": 0.01 }, "rippleSpeed": { "value": 0.1, "type": "slider", "label": "Ripple Speed", "group": "Interaction", "min": 0.1, "max": 6, "step": 0.05 }, "rippleDecay": { "value": 0.65, "type": "slider", "label": "Ripple Decay", "group": "Interaction", "min": 0.05, "max": 3, "step": 0.05, "unit": "s" }, "dragInertia": { "value": 0.49, "type": "slider", "label": "Drag Inertia", "group": "Interaction", "min": 0, "max": 0.99, "step": 0.01 }, "clickToPause": { "value": true, "type": "toggle", "label": "Click Toggles Anim", "group": "Interaction" }, "cols": { "value": 27, "type": "slider", "label": "Columns", "group": "Pattern", "min": 4, "max": 50, "step": 1 }, "rows": { "value": 46, "type": "slider", "label": "Rows", "group": "Pattern", "min": 6, "max": 80, "step": 1 }, "cellAspect": { "value": 0.62, "type": "slider", "label": "Cell Aspect", "group": "Pattern", "min": 0.4, "max": 2, "step": 0.01 }, "shiftPhase": { "value": 0.42, "type": "slider", "label": "Shift Phase", "group": "Pattern", "min": 0, "max": 1, "step": 0.01 }, "invertEvery": { "value": "checker", "type": "dropdown", "label": "Invert Pattern", "group": "Pattern", "options": [ "col-pair", "row-pair", "checker", "none" ] }, "orient": { "value": "vertical", "type": "dropdown", "label": "Orientation", "group": "Pattern", "options": [ "vertical", "horizontal" ] }, "bg": { "value": "#454229", "type": "color", "label": "Color A", "group": "Colors" }, "fg": { "value": "#D1D1D1", "type": "color", "label": "Color B", "group": "Colors" } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": -1.59, "type": "slider", "label": "Wave Speed", "group": "Motion", "min": -2, "max": 2, "step": 0.01 }, "waveFreq": { "value": 3.2, "type": "slider", "label": "Wave Frequency", "group": "Motion", "min": 0.2, "max": 6, "step": 0.01 }, "waveAmp": { "value": 0.26, "type": "slider", "label": "Wave Amplitude", "group": "Motion", "min": 0, "max": 1, "step": 0.01 }, "pointerMode": { "value": "repel", "type": "dropdown", "label": "Pointer Mode", "group": "Interaction", "options": [ "warp", "attract", "repel", "ripple", "swirl", "freeze", "off" ] }, "pointerStrength": { "value": 0.87, "type": "slider", "label": "Pointer Strength", "group": "Interaction", "min": 0, "max": 3, "step": 0.01 }, "pointerRadius": { "value": 0.99, "type": "slider", "label": "Pointer Radius", "group": "Interaction", "min": 0.05, "max": 1.5, "step": 0.01 }, "rippleSpeed": { "value": 0.1, "type": "slider", "label": "Ripple Speed", "group": "Interaction", "min": 0.1, "max": 6, "step": 0.05 }, "rippleDecay": { "value": 0.65, "type": "slider", "label": "Ripple Decay", "group": "Interaction", "min": 0.05, "max": 3, "step": 0.05, "unit": "s" }, "dragInertia": { "value": 0.49, "type": "slider", "label": "Drag Inertia", "group": "Interaction", "min": 0, "max": 0.99, "step": 0.01 }, "clickToPause": { "value": true, "type": "toggle", "label": "Click Toggles Anim", "group": "Interaction" }, "cols": { "value": 27, "type": "slider", "label": "Columns", "group": "Pattern", "min": 4, "max": 50, "step": 1 }, "rows": { "value": 46, "type": "slider", "label": "Rows", "group": "Pattern", "min": 6, "max": 80, "step": 1 }, "cellAspect": { "value": 0.62, "type": "slider", "label": "Cell Aspect", "group": "Pattern", "min": 0.4, "max": 2, "step": 0.01 }, "shiftPhase": { "value": 0.42, "type": "slider", "label": "Shift Phase", "group": "Pattern", "min": 0, "max": 1, "step": 0.01 }, "invertEvery": { "value": "checker", "type": "dropdown", "label": "Invert Pattern", "group": "Pattern", "options": [ "col-pair", "row-pair", "checker", "none" ] }, "orient": { "value": "vertical", "type": "dropdown", "label": "Orientation", "group": "Pattern", "options": [ "vertical", "horizontal" ] }, "bg": { "value": "#454229", "type": "color", "label": "Color A", "group": "Colors" }, "fg": { "value": "#D1D1D1", "type": "color", "label": "Color B", "group": "Colors" } }, "ratio": "297/420", "analysis": null, "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "history": [ { "id": "1777989781507-1", "time": "02:03 PM", "title": "Version 01", "code": "\n\n\n\n\n\n\n

\n\n\n", "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": -1.59, "type": "slider", "label": "Wave Speed", "group": "Motion", "min": -2, "max": 2, "step": 0.01 }, "waveFreq": { "value": 3.2, "type": "slider", "label": "Wave Frequency", "group": "Motion", "min": 0.2, "max": 6, "step": 0.01 }, "waveAmp": { "value": 0.26, "type": "slider", "label": "Wave Amplitude", "group": "Motion", "min": 0, "max": 1, "step": 0.01 }, "pointerMode": { "value": "repel", "type": "dropdown", "label": "Pointer Mode", "group": "Interaction", "options": [ "warp", "attract", "repel", "ripple", "swirl", "freeze", "off" ] }, "pointerStrength": { "value": 0.87, "type": "slider", "label": "Pointer Strength", "group": "Interaction", "min": 0, "max": 3, "step": 0.01 }, "pointerRadius": { "value": 0.99, "type": "slider", "label": "Pointer Radius", "group": "Interaction", "min": 0.05, "max": 1.5, "step": 0.01 }, "rippleSpeed": { "value": 0.1, "type": "slider", "label": "Ripple Speed", "group": "Interaction", "min": 0.1, "max": 6, "step": 0.05 }, "rippleDecay": { "value": 0.65, "type": "slider", "label": "Ripple Decay", "group": "Interaction", "min": 0.05, "max": 3, "step": 0.05, "unit": "s" }, "dragInertia": { "value": 0.49, "type": "slider", "label": "Drag Inertia", "group": "Interaction", "min": 0, "max": 0.99, "step": 0.01 }, "clickToPause": { "value": true, "type": "toggle", "label": "Click Toggles Anim", "group": "Interaction" }, "cols": { "value": 27, "type": "slider", "label": "Columns", "group": "Pattern", "min": 4, "max": 50, "step": 1 }, "rows": { "value": 46, "type": "slider", "label": "Rows", "group": "Pattern", "min": 6, "max": 80, "step": 1 }, "cellAspect": { "value": 0.62, "type": "slider", "label": "Cell Aspect", "group": "Pattern", "min": 0.4, "max": 2, "step": 0.01 }, "shiftPhase": { "value": 0.42, "type": "slider", "label": "Shift Phase", "group": "Pattern", "min": 0, "max": 1, "step": 0.01 }, "invertEvery": { "value": "checker", "type": "dropdown", "label": "Invert Pattern", "group": "Pattern", "options": [ "col-pair", "row-pair", "checker", "none" ] }, "orient": { "value": "vertical", "type": "dropdown", "label": "Orientation", "group": "Pattern", "options": [ "vertical", "horizontal" ] }, "bg": { "value": "#454229", "type": "color", "label": "Color A", "group": "Colors" }, "fg": { "value": "#D1D1D1", "type": "color", "label": "Color B", "group": "Colors" } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": -1.59, "type": "slider", "label": "Wave Speed", "group": "Motion", "min": -2, "max": 2, "step": 0.01 }, "waveFreq": { "value": 3.2, "type": "slider", "label": "Wave Frequency", "group": "Motion", "min": 0.2, "max": 6, "step": 0.01 }, "waveAmp": { "value": 0.26, "type": "slider", "label": "Wave Amplitude", "group": "Motion", "min": 0, "max": 1, "step": 0.01 }, "pointerMode": { "value": "repel", "type": "dropdown", "label": "Pointer Mode", "group": "Interaction", "options": [ "warp", "attract", "repel", "ripple", "swirl", "freeze", "off" ] }, "pointerStrength": { "value": 0.87, "type": "slider", "label": "Pointer Strength", "group": "Interaction", "min": 0, "max": 3, "step": 0.01 }, "pointerRadius": { "value": 0.99, "type": "slider", "label": "Pointer Radius", "group": "Interaction", "min": 0.05, "max": 1.5, "step": 0.01 }, "rippleSpeed": { "value": 0.1, "type": "slider", "label": "Ripple Speed", "group": "Interaction", "min": 0.1, "max": 6, "step": 0.05 }, "rippleDecay": { "value": 0.65, "type": "slider", "label": "Ripple Decay", "group": "Interaction", "min": 0.05, "max": 3, "step": 0.05, "unit": "s" }, "dragInertia": { "value": 0.49, "type": "slider", "label": "Drag Inertia", "group": "Interaction", "min": 0, "max": 0.99, "step": 0.01 }, "clickToPause": { "value": true, "type": "toggle", "label": "Click Toggles Anim", "group": "Interaction" }, "cols": { "value": 27, "type": "slider", "label": "Columns", "group": "Pattern", "min": 4, "max": 50, "step": 1 }, "rows": { "value": 46, "type": "slider", "label": "Rows", "group": "Pattern", "min": 6, "max": 80, "step": 1 }, "cellAspect": { "value": 0.62, "type": "slider", "label": "Cell Aspect", "group": "Pattern", "min": 0.4, "max": 2, "step": 0.01 }, "shiftPhase": { "value": 0.42, "type": "slider", "label": "Shift Phase", "group": "Pattern", "min": 0, "max": 1, "step": 0.01 }, "invertEvery": { "value": "checker", "type": "dropdown", "label": "Invert Pattern", "group": "Pattern", "options": [ "col-pair", "row-pair", "checker", "none" ] }, "orient": { "value": "vertical", "type": "dropdown", "label": "Orientation", "group": "Pattern", "options": [ "vertical", "horizontal" ] }, "bg": { "value": "#454229", "type": "color", "label": "Color A", "group": "Colors" }, "fg": { "value": "#D1D1D1", "type": "color", "label": "Color B", "group": "Colors" } }, "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "ratio": "297/420", "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" } } ], "activeVersionId": "1777989781507-1", "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" }, "controlLayout": { "cardOrder": [ "ratio", "group:Pattern", "group:Interaction", "group:Motion", "group:Colors", "group:Viewport", "update" ], "groupOrder": [ "Pattern", "Interaction", "Motion", "Colors", "Viewport" ] } }