(Script) Added animated buttons example

Change-Id: I42b1411f5a0f472731a945ee9aa96021ffbc23f5

diff --git a/demo/images/curve-left.png b/demo/images/curve-left.png
new file mode 100644 (file)
index 0000000..80a4dfa
Binary files /dev/null and b/demo/images/curve-left.png differ

diff --git a/demo/images/curve-middle.png b/demo/images/curve-middle.png
new file mode 100644 (file)
index 0000000..4e97650
Binary files /dev/null and b/demo/images/curve-middle.png differ

diff --git a/demo/images/curve-right.png b/demo/images/curve-right.png
new file mode 100644 (file)
index 0000000..481bec7
Binary files /dev/null and b/demo/images/curve-right.png differ

diff --git a/demo/images/spot_button_off.png b/demo/images/spot_button_off.png
new file mode 100644 (file)
index 0000000..39b7434
Binary files /dev/null and b/demo/images/spot_button_off.png differ

diff --git a/demo/images/spot_button_on.png b/demo/images/spot_button_on.png
new file mode 100644 (file)
index 0000000..f840f9e
Binary files /dev/null and b/demo/images/spot_button_on.png differ

diff --git a/demo/images/spot_jelly_off.png b/demo/images/spot_jelly_off.png
new file mode 100644 (file)
index 0000000..8db76ca
Binary files /dev/null and b/demo/images/spot_jelly_off.png differ

diff --git a/demo/images/spot_jelly_on.png b/demo/images/spot_jelly_on.png
new file mode 100644 (file)
index 0000000..0454abe
Binary files /dev/null and b/demo/images/spot_jelly_on.png differ

diff --git a/demo/scripts/animated-buttons.json b/demo/scripts/animated-buttons.json
new file mode 100644 (file)
index 0000000..234b80e
--- /dev/null
+++ b/demo/scripts/animated-buttons.json
@@ -0,0 +1,759 @@
+{
+  "stage": [
+    {
+      "type": "ImageActor",
+      "name": "On",
+      "position": [
+        374,
+        215,
+        0
+      ],
+      "size": [
+        144,
+        144,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}spot_button_on.png",
+        "width": 144,
+        "height": 144,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "spot_button_on.png",
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "Off",
+      "position": [
+        129,
+        215,
+        0
+      ],
+      "size": [
+        144,
+        144,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}spot_button_off.png",
+        "width": 144,
+        "height": 144,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "spot_button_off.png",
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "Right",
+      "position": [
+        418.5,
+        214.5,
+        0
+      ],
+      "size": [
+        85,
+        161,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "visible": true,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}curve-right.png",
+        "width": 85,
+        "height": 161,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "curve-right.png",
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "Left",
+      "position": [
+        331,
+        214.5,
+        0
+      ],
+      "size": [
+        88,
+        161,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "visible": true,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}curve-left.png",
+        "width": 87,
+        "height": 161,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "curve-left.png",
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "Middle",
+      "position": [
+        375.5,
+        214.5,
+        0
+      ],
+      "anchor-point": [
+        0,
+        0.5,
+        0.5
+      ],
+      "size": [
+        1,
+        161,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}curve-middle.png",
+        "width": 13,
+        "height": 161,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "curve-middle.png",
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "Jelly",
+      "position": [
+        374,
+        215,
+        0
+      ],
+      "size": [
+        144,
+        144,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}spot_jelly_on.png",
+        "width": 144,
+        "height": 144,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "spot_jelly_on.png",
+      "actors": []
+    },
+    {
+      "type": "Control",
+      "name": "Left Black",
+      "position": [
+        144.5,
+        218.5,
+        0.5
+      ],
+      "size": [
+        275,
+        243,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        0,
+        0,
+        0,
+        1
+      ],
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "actors": []
+    },
+    {
+      "type": "Control",
+      "name": "Right Black",
+      "position": [
+        629.5,
+        218.5,
+        0.5
+      ],
+      "size": [
+        335,
+        243,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        0,
+        0,
+        0,
+        1
+      ],
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "actors": []
+    },
+    {
+      "type": "ImageActor",
+      "name": "JellyOff",
+      "position": [
+        121,
+        -117,
+        0
+      ],
+      "size": [
+        144,
+        144,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "image": {
+        "filename": "{DALI_IMAGE_DIR}spot_jelly_off.png",
+        "width": 144,
+        "height": 144,
+        "load-policy": "IMMEDIATE",
+        "release-policy": "NEVER"
+      },
+      "path": "spot_jelly_off.png",
+      "actors": []
+    },
+    {
+      "type": "Control",
+      "name": "Control On",
+      "position": [
+        371.26116838487997,
+        217.33333333333331,
+        0
+      ],
+      "size": [
+        196,
+        184,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "scale": [
+        1,
+        1,
+        1
+      ],
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "actors": [],
+      "signals": [
+        {
+          "name": "tapped",
+          "action": "play",
+          "animation": "JellyOffAnimation"
+        }
+      ]
+    },
+    {
+      "type": "Control",
+      "name": "Control Off",
+      "position": [
+        123.5,
+        -117,
+        0
+      ],
+      "size": [
+        193,
+        182,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "actors": [],
+      "signals": [
+        {
+          "name": "tapped",
+          "action": "play",
+          "animation": "JellyOnAnimation"
+        }
+      ]
+    }
+  ],
+  "animations": {
+    "JellyOnAnimation": {
+      "properties": [
+        {
+          "actor": "Left",
+          "property": "position",
+          "value": [
+            331,
+            214.5,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.106,
+            "duration": 1.465
+          },
+          "timelineColor": "#b2aba7"
+        },
+        {
+          "actor": "Middle",
+          "property": "position",
+          "value": [
+            375.5,
+            214.5,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.106,
+            "duration": 1.465
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "Middle",
+          "property": "size",
+          "value": [
+            250,
+            161,
+            1
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.27
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "Middle",
+          "property": "size",
+          "value": [
+            1,
+            161,
+            1
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.127,
+            "duration": 1.44
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "JellyOff",
+          "property": "position",
+          "value": [
+            374,
+            215,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 1.486,
+            "duration": 1.29
+          },
+          "timelineColor": "#b0e8f9"
+        },
+        {
+          "actor": "Left Black",
+          "property": "position",
+          "value": [
+            144.5,
+            218.5,
+            0.5
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.106,
+            "duration": 1.47
+          },
+          "timelineColor": "#cc8584"
+        },
+        {
+          "actor": "Right",
+          "property": "position",
+          "value": [
+            418.5,
+            214.5,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.27
+          },
+          "timelineColor": "#a2cfea"
+        },
+        {
+          "actor": "Right Black",
+          "property": "position",
+          "value": [
+            629.5,
+            218.5,
+            0.5
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.276
+          },
+          "timelineColor": "#f78be1"
+        },
+        {
+          "actor": "Control On",
+          "property": "position",
+          "value": [
+            371.26116838487997,
+            217.33333333333331,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#ab88f5"
+        },
+        {
+          "actor": "Jelly",
+          "property": "position",
+          "value": [
+            121,
+            -117,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.001
+          },
+          "timelineColor": "#fbb6ad"
+        },
+        {
+          "actor": "Jelly",
+          "property": "position",
+          "value": [
+            374,
+            215,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#fbb6ad"
+        },
+        {
+          "actor": "JellyOff",
+          "property": "position",
+          "value": [
+            121,
+            -117,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#fbb6ad"
+        },
+        {
+          "actor": "Control Off",
+          "property": "position",
+          "value": [
+            123.5,
+            -117,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.001
+          },
+          "timelineColor": "#9791e0"
+        }
+      ],
+      "page": ""
+    },
+    "JellyOffAnimation": {
+      "properties": [
+        {
+          "actor": "Left",
+          "property": "position",
+          "value": [
+            86,
+            214.5,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.27
+          },
+          "timelineColor": "#b2aba7"
+        },
+        {
+          "actor": "Middle",
+          "property": "position",
+          "value": [
+            130,
+            214.5,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.27
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "Middle",
+          "property": "size",
+          "value": [
+            250,
+            161,
+            1
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.27
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "Middle",
+          "property": "size",
+          "value": [
+            1,
+            161,
+            1
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.127,
+            "duration": 1.44
+          },
+          "timelineColor": "#94c5aa"
+        },
+        {
+          "actor": "Jelly",
+          "property": "position",
+          "value": [
+            130,
+            215,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 1.486,
+            "duration": 1.29
+          },
+          "timelineColor": "#b0e8f9"
+        },
+        {
+          "actor": "Left Black",
+          "property": "position",
+          "value": [
+            -95,
+            219,
+            0
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 0,
+            "duration": 1.276
+          },
+          "timelineColor": "#cc8584"
+        },
+        {
+          "actor": "Right",
+          "property": "position",
+          "value": [
+            172,
+            214.5,
+            0.5
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.106,
+            "duration": 1.465
+          },
+          "timelineColor": "#a2cfea"
+        },
+        {
+          "actor": "Right Black",
+          "property": "position",
+          "value": [
+            383,
+            218.5,
+            0.5
+          ],
+          "alpha-function": "EASE_OUT",
+          "time-period": {
+            "delay": 3.106,
+            "duration": 1.47
+          },
+          "timelineColor": "#f78be1"
+        },
+        {
+          "actor": "Control On",
+          "property": "position",
+          "value": [
+            371.26,
+            -131,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.001
+          },
+          "timelineColor": "#ab88f5"
+        },
+        {
+          "actor": "JellyOff",
+          "property": "position",
+          "value": [
+            130,
+            215,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#fbb6ad"
+        },
+        {
+          "actor": "Jelly",
+          "property": "position",
+          "value": [
+            121,
+            -117,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#fbb6ad"
+        },
+        {
+          "actor": "Control Off",
+          "property": "position",
+          "value": [
+            123.5,
+            215,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 2.765,
+            "duration": 0.001
+          },
+          "timelineColor": "#9791e0"
+        }
+      ],
+      "page": ""
+    }
+  },
+  "connections": {
+    "JellyOffConnection": {
+      "name": "JellyOffConnection",
+      "target": {
+        "type": "animation",
+        "name": "JellyOffAnimation",
+        "action": "play"
+      },
+      "sources": [
+        "Control On"
+      ],
+      "signal": "click"
+    },
+    "JellyOnConnection": {
+      "name": "JellyOnConnection",
+      "target": {
+        "type": "animation",
+        "name": "JellyOnAnimation",
+        "action": "play"
+      },
+      "sources": [
+        "Control Off"
+      ],
+      "signal": "click"
+    }
+  },
+  "constants": {},
+  "styles": {},
+  "deviceHeight": 600,
+  "deviceWidth": 480,
+  "deviceOrientation": "portrait",
+  "version": "781"
+}