Innovative softwares crafted for creativity, productivity, and precision！
Got feedback?
Expect regular updates, new features, and fast bug resolutions!
Animation Demo files
Please copy these codes and paste them into your notebook. Save the left one as demo.json (not demo.txt), save the right one as scene.txt. In FabriCAD Studio, import demo.json to your canvas by clicking on "Import" button and import scent.txt through your animation panel by clicking on "Import Scene". After that, you can play the animation and record video.
{ "version": "5.5.2", "objects": [ { "type": "rect", "version": "5.5.2", "originX": "center", "originY": "center", "left": 526.63, "top": 139.05, "width": 158.76, "height": 189.11, "fill": "transparent", "stroke": "#ff0000", "strokeWidth": 10, "strokeDashArray": null, "strokeLineCap": "butt", "strokeDashOffset": 0, "strokeLineJoin": "miter", "strokeUniform": true, "strokeMiterLimit": 4, "scaleX": 1.2, "scaleY": 1, "angle": 0, "flipX": false, "flipY": false, "opacity": 1, "shadow": null, "visible": true, "backgroundColor": "", "fillRule": "nonzero", "paintFirst": "fill", "globalCompositeOperation": "source-over", "skewX": 0, "skewY": 0, "rx": 0, "ry": 0, "layer": "Layer 0", "id": "1756436588069_0.9411573046305574", "data": {}, "name": "b", "selectable": true, "evented": true, "hasControls": true, "hasBorders": true, "lockMovementX": false, "lockMovementY": false }, { "type": "rect", "version": "5.5.2", "originX": "center", "originY": "center", "left": 744.3, "top": 153.87, "width": 70.89, "height": 170.2, "fill": "transparent", "stroke": "#ff0000", "strokeWidth": 10, "strokeDashArray": null, "strokeLineCap": "butt", "strokeDashOffset": 0, "strokeLineJoin": "miter", "strokeUniform": true, "strokeMiterLimit": 4, "scaleX": 1.27, "scaleY": 1.12, "angle": 0, "flipX": false, "flipY": false, "opacity": 1, "shadow": null, "visible": true, "backgroundColor": "", "fillRule": "nonzero", "paintFirst": "fill", "globalCompositeOperation": "source-over", "skewX": 0, "skewY": 0, "rx": 0, "ry": 0, "layer": "Layer 0", "id": "1756436659957_0.4245393363951325", "data": {}, "name": "c", "parent": "b", "pivotX": 0, "pivotY": -95, "pivotInParentX": 0, "pivotInParentY": 95, "selectable": true, "evented": true, "hasControls": true, "hasBorders": true, "pivotBaseScaleX": 1.2695344486980031, "pivotBaseScaleY": 1.1163163275483743, "lockMovementX": false, "lockMovementY": false, "pivotParentBaseScaleX": 1.196786842273658, "pivotParentBaseScaleY": 1.0046846947935366 }, { "type": "rect", "version": "5.5.2", "originX": "center", "originY": "center", "left": 887.08, "top": 162.49, "width": 135.79, "height": 169.21, "fill": "transparent", "stroke": "#ff0000", "strokeWidth": 10, "strokeDashArray": null, "strokeLineCap": "butt", "strokeDashOffset": 0, "strokeLineJoin": "miter", "strokeUniform": true, "strokeMiterLimit": 4, "scaleX": 0.29, "scaleY": 0.53, "angle": 0, "flipX": false, "flipY": false, "opacity": 1, "shadow": null, "visible": true, "backgroundColor": "", "fillRule": "nonzero", "paintFirst": "fill", "globalCompositeOperation": "source-over", "skewX": 0, "skewY": 0, "rx": 0, "ry": 0, "layer": "Layer 0", "id": "1756436758462_0.28173650793109506", "data": {}, "name": "d", "parent": "c", "pivotX": 0, "pivotY": -45, "pivotInParentX": 0, "pivotInParentY": 95, "selectable": true, "evented": true, "hasControls": true, "hasBorders": true, "pivotBaseScaleX": 0.29456518254103947, "pivotBaseScaleY": 0.5318918972436372, "lockMovementX": false, "lockMovementY": false, "pivotParentBaseScaleX": 1.2695344486980031, "pivotParentBaseScaleY": 1.1163163275483743 } ], "background": "white", "_layerMap": [ [ "Layer 0", { "visible": true, "suffix": "" } ], [ "Layer 1", { "visible": true, "suffix": "" } ], [ "Layer 2", { "visible": true, "suffix": "" } ] ], "_currentLayer": "Layer 0", "_visible": true, "width": 1376.1, "height": 557.62 }
[ { "name": "b", "animQueue": [ { "loop": 2, "steps": [ { "duration": 5000, "dx": 100, "dy": 0, "dAngle": 0, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 }, { "duration": 5000, "dx": 100, "dy": 0, "dAngle": 0, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 } ] } ] }, { "name": "c", "animQueue": [ { "loop": 2, "steps": [ { "duration": 5000, "dx": 0, "dy": 0, "dAngle": -30, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 }, { "duration": 5000, "dx": 0, "dy": 0, "dAngle": 30, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 } ] } ] }, { "name": "d", "animQueue": [ { "loop": 2, "steps": [ { "duration": 5000, "dx": 0, "dy": 0, "dAngle": -15, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 }, { "duration": 5000, "dx": 0, "dy": 0, "dAngle": 15, "dScaleX": 0, "dScaleY": 0, "dOpacity": 0 } ] } ] } ]