(Scripts) Added color animation 75/27875/2
authorAdeel Kazmi <adeel.kazmi@samsung.com>
Mon, 22 Sep 2014 09:59:17 +0000 (10:59 +0100)
committerAdeel Kazmi <adeel.kazmi@samsung.com>
Mon, 22 Sep 2014 10:20:09 +0000 (11:20 +0100)
Change-Id: I32baa32ac8259eaf91ce101b41742a12af8fd06f

demo/scripts/animated-colors.json [new file with mode: 0644]

diff --git a/demo/scripts/animated-colors.json b/demo/scripts/animated-colors.json
new file mode 100644 (file)
index 0000000..923ec75
--- /dev/null
@@ -0,0 +1,1434 @@
+/*
+ * Copyright (c) 2014 Samsung Electronics Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+{
+  "stage": [
+    {
+      "type": "Control",
+      "actors": [
+        {
+          "type": "Control",
+          "actors": [],
+          "name": "Control 8",
+          "position": [
+            0,
+            0,
+            0
+          ],
+          "inherit-position": true,
+          "parent-origin": [
+            0,
+            0.5,
+            0.5
+          ],
+          "anchor-point": [
+            1,
+            0.5,
+            0.5
+          ],
+          "size": [
+            120,
+            120,
+            1
+          ],
+          "sizeAspectRatio": false,
+          "background-color": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "color": [
+            0.5686274509803921,
+            0.5294117647058824,
+            0.17647058823529413,
+            1
+          ]
+        },
+        {
+          "type": "Control",
+          "actors": [
+            {
+              "type": "Control",
+              "actors": [],
+              "name": "Container 2",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                0,
+                0.5,
+                0.5
+              ],
+              "anchor-point": [
+                1,
+                0.5,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0.17647058823529413,
+                0.5686274509803921,
+                0.5215686274509804,
+                1
+              ]
+            },
+            {
+              "type": "Control",
+              "actors": [
+                {
+                  "type": "Control",
+                  "actors": [],
+                  "name": "Container 4",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0.7411764705882353,
+                    0,
+                    0,
+                    1
+                  ]
+                }
+              ],
+              "name": "Container 3",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                1,
+                0.5,
+                0.5
+              ],
+              "anchor-point": [
+                0,
+                0.5,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0.23137254901960785,
+                0.09803921568627451,
+                0.09803921568627451,
+                1
+              ]
+            },
+            {
+              "type": "Control",
+              "actors": [
+                {
+                  "type": "Control",
+                  "actors": [],
+                  "name": "Container 5",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0.17647058823529413,
+                    0.24313725490196078,
+                    0.5686274509803921,
+                    1
+                  ]
+                },
+                {
+                  "type": "Control",
+                  "actors": [
+                    {
+                      "type": "Control",
+                      "actors": [],
+                      "name": "Container 7",
+                      "position": [
+                        0,
+                        0,
+                        0
+                      ],
+                      "inherit-position": true,
+                      "parent-origin": [
+                        1,
+                        0.5,
+                        0.5
+                      ],
+                      "anchor-point": [
+                        0,
+                        0.5,
+                        0.5
+                      ],
+                      "size": [
+                        120,
+                        120,
+                        1
+                      ],
+                      "sizeAspectRatio": false,
+                      "background-color": [
+                        1,
+                        1,
+                        1,
+                        1
+                      ],
+                      "color": [
+                        0.396078431372549,
+                        0.29411764705882354,
+                        0.8,
+                        1
+                      ]
+                    }
+                  ],
+                  "name": "Container 6",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0,
+                    0.6901960784313725,
+                    0.7411764705882353,
+                    1
+                  ]
+                },
+                {
+                  "type": "Control",
+                  "actors": [
+                    {
+                      "type": "Control",
+                      "actors": [],
+                      "name": "Container 8",
+                      "position": [
+                        0,
+                        0,
+                        0
+                      ],
+                      "inherit-position": true,
+                      "parent-origin": [
+                        0,
+                        0.5,
+                        0.5
+                      ],
+                      "anchor-point": [
+                        1,
+                        0.5,
+                        0.5
+                      ],
+                      "size": [
+                        120,
+                        120,
+                        1
+                      ],
+                      "sizeAspectRatio": false,
+                      "background-color": [
+                        1,
+                        1,
+                        1,
+                        1
+                      ],
+                      "color": [
+                        0.20784313725490197,
+                        0.5686274509803921,
+                        0.17647058823529413,
+                        1
+                      ]
+                    },
+                    {
+                      "type": "Control",
+                      "actors": [
+                        {
+                          "type": "Control",
+                          "actors": [],
+                          "name": "Container 10",
+                          "position": [
+                            0,
+                            0,
+                            0
+                          ],
+                          "inherit-position": true,
+                          "parent-origin": [
+                            1,
+                            0.5,
+                            0.5
+                          ],
+                          "anchor-point": [
+                            0,
+                            0.5,
+                            0.5
+                          ],
+                          "size": [
+                            120,
+                            120,
+                            1
+                          ],
+                          "sizeAspectRatio": false,
+                          "background-color": [
+                            1,
+                            1,
+                            1,
+                            1
+                          ],
+                          "color": [
+                            0.4196078431372549,
+                            0.047058823529411764,
+                            0.047058823529411764,
+                            1
+                          ]
+                        }
+                      ],
+                      "name": "Container 9",
+                      "position": [
+                        0,
+                        0,
+                        0
+                      ],
+                      "inherit-position": true,
+                      "parent-origin": [
+                        1,
+                        0.5,
+                        0.5
+                      ],
+                      "anchor-point": [
+                        0,
+                        0.5,
+                        0.5
+                      ],
+                      "size": [
+                        120,
+                        120,
+                        1
+                      ],
+                      "sizeAspectRatio": false,
+                      "background-color": [
+                        1,
+                        1,
+                        1,
+                        1
+                      ],
+                      "color": [
+                        0.47843137254901963,
+                        0.42745098039215684,
+                        0.25098039215686274,
+                        1
+                      ]
+                    }
+                  ],
+                  "name": "Control 5",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    0.5,
+                    1,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    0.5,
+                    0,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0.4470588235294118,
+                    0.45098039215686275,
+                    0.47058823529411764,
+                    1
+                  ]
+                }
+              ],
+              "name": "Control 3",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                0.5,
+                1,
+                0.5
+              ],
+              "anchor-point": [
+                0.5,
+                0,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                1,
+                0.4823529411764706,
+                0,
+                1
+              ]
+            }
+          ],
+          "name": "Control 2",
+          "position": [
+            0,
+            0,
+            0
+          ],
+          "inherit-position": true,
+          "parent-origin": [
+            0.5,
+            1,
+            0.5
+          ],
+          "anchor-point": [
+            0.5,
+            0,
+            0.5
+          ],
+          "size": [
+            120,
+            120,
+            1
+          ],
+          "sizeAspectRatio": false,
+          "background-color": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "color": [
+            0.43137254901960786,
+            0,
+            0.1568627450980392,
+            1
+          ]
+        },
+        {
+          "type": "Control",
+          "actors": [
+            {
+              "type": "Control",
+              "actors": [],
+              "name": "Control 4",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                1,
+                0.5,
+                0.5
+              ],
+              "anchor-point": [
+                0,
+                0.5,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0.8196078431372549,
+                0.5803921568627451,
+                0.5803921568627451,
+                1
+              ]
+            }
+          ],
+          "name": "Control 1",
+          "position": [
+            0,
+            0,
+            0
+          ],
+          "inherit-position": true,
+          "parent-origin": [
+            1,
+            0.5,
+            0.5
+          ],
+          "anchor-point": [
+            0,
+            0.5,
+            0.5
+          ],
+          "size": [
+            120,
+            120,
+            1
+          ],
+          "sizeAspectRatio": false,
+          "background-color": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "color": [
+            0.6313725490196078,
+            0.6274509803921569,
+            0.47843137254901963,
+            1
+          ]
+        },
+        {
+          "type": "Control",
+          "actors": [
+            {
+              "type": "Control",
+              "actors": [
+                {
+                  "type": "Control",
+                  "actors": [],
+                  "name": "Container 13",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0.9176470588235294,
+                    0,
+                    1,
+                    1
+                  ]
+                }
+              ],
+              "name": "Container 12",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                1,
+                0.5,
+                0.5
+              ],
+              "anchor-point": [
+                0,
+                0.5,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0.24313725490196078,
+                0.25882352941176473,
+                0.19607843137254902,
+                1
+              ]
+            },
+            {
+              "type": "Control",
+              "actors": [],
+              "name": "Container 11",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                0,
+                0.5,
+                0.5
+              ],
+              "anchor-point": [
+                1,
+                0.5,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0,
+                1,
+                0.7686274509803922,
+                1
+              ]
+            },
+            {
+              "type": "Control",
+              "actors": [
+                {
+                  "type": "Control",
+                  "actors": [
+                    {
+                      "type": "Control",
+                      "actors": [],
+                      "name": "Container 15",
+                      "position": [
+                        0,
+                        0,
+                        0
+                      ],
+                      "inherit-position": true,
+                      "parent-origin": [
+                        1,
+                        0.5,
+                        0.5
+                      ],
+                      "anchor-point": [
+                        0,
+                        0.5,
+                        0.5
+                      ],
+                      "size": [
+                        120,
+                        120,
+                        1
+                      ],
+                      "sizeAspectRatio": false,
+                      "background-color": [
+                        1,
+                        1,
+                        1,
+                        1
+                      ],
+                      "color": [
+                        1,
+                        0.8980392156862745,
+                        0,
+                        1
+                      ]
+                    }
+                  ],
+                  "name": "Container 14",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    0,
+                    0.6,
+                    0.48627450980392156,
+                    1
+                  ]
+                },
+                {
+                  "type": "Control",
+                  "actors": [],
+                  "name": "Container 16",
+                  "position": [
+                    0,
+                    0,
+                    0
+                  ],
+                  "inherit-position": true,
+                  "parent-origin": [
+                    0,
+                    0.5,
+                    0.5
+                  ],
+                  "anchor-point": [
+                    1,
+                    0.5,
+                    0.5
+                  ],
+                  "size": [
+                    120,
+                    120,
+                    1
+                  ],
+                  "sizeAspectRatio": false,
+                  "background-color": [
+                    1,
+                    1,
+                    1,
+                    1
+                  ],
+                  "color": [
+                    1,
+                    0,
+                    0,
+                    1
+                  ]
+                }
+              ],
+              "name": "Control 7",
+              "position": [
+                0,
+                0,
+                0
+              ],
+              "inherit-position": true,
+              "parent-origin": [
+                0.5,
+                0,
+                0.5
+              ],
+              "anchor-point": [
+                0.5,
+                1,
+                0.5
+              ],
+              "size": [
+                120,
+                120,
+                1
+              ],
+              "sizeAspectRatio": false,
+              "background-color": [
+                1,
+                1,
+                1,
+                1
+              ],
+              "color": [
+                0.01568627450980392,
+                0,
+                1,
+                1
+              ]
+            }
+          ],
+          "name": "Control 6",
+          "position": [
+            0,
+            0,
+            0
+          ],
+          "inherit-position": true,
+          "parent-origin": [
+            0.5,
+            0,
+            0.5
+          ],
+          "anchor-point": [
+            0.5,
+            1,
+            0.5
+          ],
+          "size": [
+            120,
+            120,
+            1
+          ],
+          "sizeAspectRatio": false,
+          "background-color": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "color": [
+            0.2784313725490196,
+            0.1803921568627451,
+            0.3411764705882353,
+            1
+          ]
+        }
+      ],
+      "name": "Container 1",
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "inherit-position": true,
+      "parent-origin": [
+        0.5,
+        0.5,
+        0.5
+      ],
+      "anchor-point": [
+        1,
+        1,
+        0.5
+      ],
+      "size": [
+        120,
+        120,
+        1
+      ],
+      "sizeAspectRatio": false,
+      "background-color": [
+        1,
+        1,
+        1,
+        1
+      ],
+      "color": [
+        0.1568627450980392,
+        0.9215686274509803,
+        0.32941176470588235,
+        1
+      ]
+    },
+    {
+      "type": "TextView",
+      "name": "text",
+      "parent-origin": "CENTER",
+      "anchor-point": "CENTER",
+      "text": "<font size='20'><b>START</b></font>",
+      "markup-enabled": true,
+      "signals": [
+        {
+          "name": "tapped",
+          "action": "play",
+          "animation": "Animation_1"
+        },
+        {
+          "name": "tapped",
+          "action": "play",
+          "animation": "HideText"
+        }
+      ]
+    }
+  ],
+  "animations": {
+    "HideText": {
+      "properties": [
+        {
+          "actor": "text",
+          "property": "color",
+          "value": [
+            0,
+            0,
+            0,
+            0
+          ],
+          "alpha-function": "LINEAR",
+          "time-period": {
+            "delay": 0,
+            "duration": 0.2
+          },
+          "timelineColor": "#eec5f8"
+        }
+      ]
+    },
+    "Animation_1": {
+      "loop": true,
+      "properties": [
+        {
+          "actor": "Container 1",
+          "property": "color",
+          "value": [
+            0.13333333333333333,
+            0.11372549019607843,
+            0.32941176470588235,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#eec5f8"
+        },
+        {
+          "actor": "Control 8",
+          "property": "color",
+          "value": [
+            0.8588235294117647,
+            0.2627450980392157,
+            0.9098039215686274,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#7fdbb3"
+        },
+        {
+          "actor": "Control 2",
+          "property": "color",
+          "value": [
+            0.6784313725490196,
+            0.7686274509803922,
+            0.4235294117647059,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#8587e7"
+        },
+        {
+          "actor": "Container 2",
+          "property": "color",
+          "value": [
+            0.25882352941176473,
+            0.24705882352941178,
+            0.027450980392156862,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#a7acf3"
+        },
+        {
+          "actor": "Container 3",
+          "property": "color",
+          "value": [
+            0.8784313725490196,
+            0.35294117647058826,
+            0.8627450980392157,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#a3939e"
+        },
+        {
+          "actor": "Container 4",
+          "property": "color",
+          "value": [
+            0.0392156862745098,
+            0.043137254901960784,
+            0.1803921568627451,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#ddfb95"
+        },
+        {
+          "actor": "Control 3",
+          "property": "color",
+          "value": [
+            1,
+            0,
+            0.5333333333333333,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#eba898"
+        },
+        {
+          "actor": "Container 5",
+          "property": "color",
+          "value": [
+            0.4196078431372549,
+            0,
+            0,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#81967f"
+        },
+        {
+          "actor": "Container 6",
+          "property": "color",
+          "value": [
+            1,
+            1,
+            1,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#c7e29d"
+        },
+        {
+          "actor": "Container 7",
+          "property": "color",
+          "value": [
+            0,
+            0.23137254901960785,
+            0.06666666666666667,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#9cdff2"
+        },
+        {
+          "actor": "Control 5",
+          "property": "color",
+          "value": [
+            1,
+            0.3333333333333333,
+            0,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#a7f1e2"
+        },
+        {
+          "actor": "Container 8",
+          "property": "color",
+          "value": [
+            0,
+            0.4980392156862745,
+            0.788235294117647,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#e180a2"
+        },
+        {
+          "actor": "Container 9",
+          "property": "color",
+          "value": [
+            0.07450980392156863,
+            0.5372549019607843,
+            0.7294117647058823,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0.001,
+            "duration": 2
+          },
+          "timelineColor": "#fad4f4"
+        },
+        {
+          "actor": "Container 10",
+          "property": "color",
+          "value": [
+            0.9098039215686274,
+            0.6588235294117647,
+            1,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#d6a78f"
+        },
+        {
+          "actor": "Control 1",
+          "property": "color",
+          "value": [
+            1,
+            0,
+            0,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#d9aef2"
+        },
+        {
+          "actor": "Control 4",
+          "property": "color",
+          "value": [
+            0,
+            0.0196078431372549,
+            0.5607843137254902,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#d0d0ba"
+        },
+        {
+          "actor": "Control 6",
+          "property": "color",
+          "value": [
+            0.26666666666666666,
+            0,
+            1,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#9dd9c0"
+        },
+        {
+          "actor": "Container 12",
+          "property": "color",
+          "value": [
+            0.8666666666666667,
+            1,
+            0,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0.001,
+            "duration": 2
+          },
+          "timelineColor": "#b7c5c1"
+        },
+        {
+          "actor": "Container 13",
+          "property": "color",
+          "value": [
+            0.17254901960784313,
+            0.5882352941176471,
+            0.24313725490196078,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#82d7fe"
+        },
+        {
+          "actor": "Container 11",
+          "property": "color",
+          "value": [
+            0.4235294117647059,
+            0,
+            0.43137254901960786,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#f9d2f6"
+        },
+        {
+          "actor": "Control 7",
+          "property": "color",
+          "value": [
+            0.8666666666666667,
+            1,
+            0,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#f8c29d"
+        },
+        {
+          "actor": "Container 14",
+          "property": "color",
+          "value": [
+            0.9882352941176471,
+            0.4,
+            1,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#90faf9"
+        },
+        {
+          "actor": "Container 15",
+          "property": "color",
+          "value": [
+            0.8509803921568627,
+            0.6784313725490196,
+            0.6784313725490196,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#94b5c0"
+        },
+        {
+          "actor": "Container 16",
+          "property": "color",
+          "value": [
+            0,
+            0.23921568627450981,
+            0.4196078431372549,
+            1
+          ],
+          "alpha-function": "SIN",
+          "time-period": {
+            "delay": 0,
+            "duration": 2
+          },
+          "timelineColor": "#bd92e6"
+        }
+      ],
+      "page": ""
+    }
+  },
+  "connections": {
+    "Connection_1": {
+      "id": "_192ea2ao4045",
+      "name": "Connection_1",
+      "target": {
+        "type": "animation",
+        "name": "Animation_1",
+        "action": "play"
+      },
+      "sources": [
+        "text"
+      ],
+      "signal": "click"
+    },
+    "Connection_2": {
+      "id": "_192ea2ao4046",
+      "name": "Connection_2",
+      "target": {
+        "type": "animation",
+        "name": "HideText",
+        "action": "play"
+      },
+      "sources": [
+        "text"
+      ],
+      "signal": "click"
+    }
+  },
+  "constants": {},
+  "styles": {},
+  "deviceHeight": 800,
+  "deviceWidth": 480,
+  "deviceOrientation": "portrait",
+  "version": "781"
+}