Letters in a Morphing Cage

{ "fileBaseName": "letters-in-morphing-polygon", "fileNameManual": false, "motion": "", "autoControls": true, "customControls": [], "code": "\n\n\n\nLetters in a Morphing Cage\n\n\n\n

\n\n\n\n", "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.95, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.014, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 19, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "custom", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols", "custom" ] }, "customText": { "value": "B,O,N,C,E", "type": "text", "label": "Custom Text", "group": "Letters" }, "uniformSize": { "value": true, "type": "toggle", "label": "Uniform Size", "group": "Letters" }, "letterSize": { "value": 39, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "bold", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0.02, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 8, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 1, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.76, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.18, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 30, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#F2EFEF", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.95, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.014, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 19, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "custom", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols", "custom" ] }, "customText": { "value": "B,O,N,C,E", "type": "text", "label": "Custom Text", "group": "Letters" }, "uniformSize": { "value": true, "type": "toggle", "label": "Uniform Size", "group": "Letters" }, "letterSize": { "value": 39, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "bold", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0.02, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 8, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 1, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.76, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.18, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 30, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#F2EFEF", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "ratio": "1/1", "analysis": null, "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "history": [ { "id": "1778338842474-1", "time": "03:00 PM", "title": "Version 01", "code": "\n\n\n\nLetters in a Morphing Cage\n\n\n\n

\n\n\n", "cfg": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.95, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.014, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 38, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "numbers", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols" ] }, "letterSize": { "value": 38, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "black", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 8, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 1, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.76, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.18, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 30, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#F2EFEF", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#454229", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.92, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.005, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 38, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "numbers", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols" ] }, "letterSize": { "value": 38, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "black", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0.35, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 9, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 4, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.93, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.075, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 6, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#b9a5e6", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#efeaf6", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "source": { "mode": "image" }, "assets": { "mode": "none", "lastMode": "none", "revision": 0, "items": [] }, "ratio": "1/1", "typographyUi": { "enabled": true, "required": true, "fontSelectable": true, "family": "Helvetica", "faceKey": "", "faceLabel": "", "source": "default", "fallbackFamily": "serif", "familyStack": "Helvetica, serif", "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", "fontVariationSettings": "normal", "variationValues": {}, "hint": "", "sampleText": "The quick brown fox jumps over the lazy dog", "targets": [], "localFonts": [], "localFontsLoaded": false, "localFontsBusy": false, "localFontsSupported": true, "localFontsCount": 0, "faces": [], "axes": [], "axisError": "" }, "capabilitiesUi": null, "webcamUi": { "canvasFeedVisible": false, "trackingStatus": "idle", "trackingMessage": "No precision tracking requested", "trackingError": "" }, "resolution": { "mode": "auto", "width": 0, "height": 0, "aspectLocked": true, "previousRatio": "1/1" } }, { "id": "fc26174c-4ea5-436c-bde0-4d13a75aca32", "time": "12:11 PM", "title": "Version 02", "code": "\n\n\n\nLetters in a Morphing Cage\n\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" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.95, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.014, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 19, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "custom", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols", "custom" ] }, "customText": { "value": "B,O,N,C,E", "type": "text", "label": "Custom Text", "group": "Letters" }, "uniformSize": { "value": true, "type": "toggle", "label": "Uniform Size", "group": "Letters" }, "letterSize": { "value": 39, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "bold", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0.02, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 8, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 1, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.76, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.18, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 30, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#F2EFEF", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "defaults": { "_animEnabled": { "value": true, "type": "toggle", "label": "Animate", "group": "Motion" }, "speed": { "value": 1, "type": "slider", "label": "Speed", "group": "Motion", "min": 0.1, "max": 3, "step": 0.05 }, "gravity": { "value": false, "type": "toggle", "label": "Gravity", "group": "Motion" }, "gravityStrength": { "value": 0.55, "type": "slider", "label": "Gravity Force", "group": "Motion", "min": 0.05, "max": 2, "step": 0.05 }, "restitution": { "value": 0.95, "type": "slider", "label": "Bounce", "group": "Motion", "min": 0.4, "max": 1, "step": 0.01 }, "letterCollide": { "value": true, "type": "toggle", "label": "Letter Collisions", "group": "Motion" }, "airDrag": { "value": 0.014, "type": "slider", "label": "Air Drag", "group": "Motion", "min": 0, "max": 0.05, "step": 0.001 }, "letterCount": { "value": 19, "type": "slider", "label": "Letter Count", "group": "Letters", "min": 1, "max": 140, "step": 1 }, "letterSet": { "value": "custom", "type": "dropdown", "label": "Letter Set", "group": "Letters", "options": [ "numbers", "alpha", "alphanum", "words", "symbols", "custom" ] }, "customText": { "value": "B,O,N,C,E", "type": "text", "label": "Custom Text", "group": "Letters" }, "uniformSize": { "value": true, "type": "toggle", "label": "Uniform Size", "group": "Letters" }, "letterSize": { "value": 39, "type": "slider", "label": "Letter Size", "group": "Letters", "min": 12, "max": 96, "step": 1, "unit": "px" }, "fontWeight": { "value": "bold", "type": "dropdown", "label": "Weight", "group": "Letters", "options": [ "regular", "medium", "bold", "black" ] }, "spinAmount": { "value": 0.02, "type": "slider", "label": "Spin", "group": "Letters", "min": 0, "max": 1.5, "step": 0.01 }, "shapeVertices": { "value": 8, "type": "slider", "label": "Shape Vertices", "group": "Shape", "min": 4, "max": 16, "step": 1 }, "morphInterval": { "value": 1, "type": "slider", "label": "Morph Interval", "group": "Shape", "min": 1, "max": 12, "step": 0.5, "unit": "s" }, "morphBounce": { "value": 0.76, "type": "slider", "label": "Shape Bounce", "group": "Shape", "min": 0.5, "max": 0.99, "step": 0.01 }, "shapeStiffness": { "value": 0.18, "type": "slider", "label": "Shape Stiffness", "group": "Shape", "min": 0.01, "max": 0.3, "step": 0.005 }, "shapeKick": { "value": 30, "type": "slider", "label": "Morph Kick", "group": "Shape", "min": 0, "max": 30, "step": 0.5 }, "shapeFill": { "value": "#F2EFEF", "type": "color", "label": "Shape Fill", "group": "Color" }, "bg": { "value": "#000000", "type": "color", "label": "Background", "group": "Color" }, "letterColor": { "value": "#0c0a1f", "type": "color", "label": "Letter Color", "group": "Color" }, "edgeStroke": { "value": 0, "type": "slider", "label": "Edge Stroke", "group": "Color", "min": 0, "max": 8, "step": 0.5 }, "edgeColor": { "value": "#3a2c64", "type": "color", "label": "Edge Color", "group": "Color" } }, "ratio": "1/1", "resolution": { "mode": "auto", "width": 0, "height": 0, "aspectLocked": true, "previousRatio": "1/1" }, "typographyUi": { "enabled": true, "required": true, "fontSelectable": true, "family": "Helvetica", "faceKey": "", "faceLabel": "", "source": "default", "fallbackFamily": "serif", "familyStack": "Helvetica, serif", "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", "fontVariationSettings": "normal", "variationValues": {}, "hint": "", "sampleText": "The quick brown fox jumps over the lazy dog", "targets": [], "localFonts": [], "localFontsLoaded": false, "localFontsBusy": false, "localFontsSupported": true, "localFontsCount": 0, "faces": [], "axes": [], "axisError": "" }, "capabilitiesUi": null, "webcamUi": { "canvasFeedVisible": false, "trackingStatus": "idle", "trackingMessage": "No precision tracking requested", "trackingError": "" } } ], "activeVersionId": "fc26174c-4ea5-436c-bde0-4d13a75aca32", "typographyUi": { "enabled": true, "required": true, "fontSelectable": true, "family": "Helvetica", "faceKey": "", "faceLabel": "", "source": "default", "fallbackFamily": "serif", "familyStack": "Helvetica, serif", "fontWeight": "400", "fontStyle": "normal", "fontStretch": "normal", "fontVariationSettings": "normal", "variationValues": {}, "hint": "", "sampleText": "The quick brown fox jumps over the lazy dog", "targets": [], "localFonts": [], "localFontsLoaded": false, "localFontsBusy": false, "localFontsSupported": true, "localFontsCount": 0, "faces": [], "axes": [], "axisError": "" }, "capabilitiesUi": null, "webcamUi": { "canvasFeedVisible": false, "trackingStatus": "idle", "trackingMessage": "No precision tracking requested", "trackingError": "" }, "resolution": { "mode": "auto", "width": 0, "height": 0, "aspectLocked": true, "previousRatio": "1/1" }, "controlLayout": { "hiddenItems": [ "fontWeight" ] } }