feat: pattern editor

presets/examples/bouncing-squares.json

@@ -0,0 +1,100 @@
+{
+  "name": "Bouncing Squares",
+  "description": "Multiple colored squares bouncing around",
+  "layers": [
+    {
+      "type": "shape",
+      "shape": "rectangle",
+      "position": {
+        "x": 8,
+        "y": 8
+      },
+      "size": {
+        "width": 3,
+        "height": 3
+      },
+      "color": {
+        "type": "solid",
+        "value": "ff0000"
+      },
+      "intensity": 1.0,
+      "animation": {
+        "type": "oscillateX",
+        "axis": "x",
+        "params": {
+          "center": 8,
+          "amplitude": 6,
+          "frequency": 0.5,
+          "phase": 0
+        }
+      }
+    },
+    {
+      "type": "shape",
+      "shape": "rectangle",
+      "position": {
+        "x": 8,
+        "y": 8
+      },
+      "size": {
+        "width": 3,
+        "height": 3
+      },
+      "color": {
+        "type": "solid",
+        "value": "00ff00"
+      },
+      "intensity": 1.0,
+      "animation": {
+        "type": "oscillateY",
+        "axis": "y",
+        "params": {
+          "center": 8,
+          "amplitude": 6,
+          "frequency": 0.7,
+          "phase": 1.57
+        }
+      }
+    },
+    {
+      "type": "shape",
+      "shape": "rectangle",
+      "position": {
+        "x": 8,
+        "y": 8
+      },
+      "size": {
+        "width": 2,
+        "height": 2
+      },
+      "color": {
+        "type": "solid",
+        "value": "0000ff"
+      },
+      "intensity": 1.0,
+      "animation": {
+        "type": "rotate",
+        "params": {
+          "speed": 1.0
+        }
+      }
+    }
+  ],
+  "parameters": {
+    "speed": {
+      "type": "range",
+      "min": 0.1,
+      "max": 2.0,
+      "step": 0.1,
+      "default": 1.0
+    },
+    "brightness": {
+      "type": "range",
+      "min": 0.1,
+      "max": 1.0,
+      "step": 0.1,
+      "default": 1.0
+    }
+  }
+}
+