From: Adeel Kazmi Date: Mon, 22 Sep 2014 09:59:17 +0000 (+0100) Subject: (Scripts) Added color animation X-Git-Tag: accepted/tizen/common/20140925.172114~1 X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=refs%2Fchanges%2F75%2F27875%2F2;p=platform%2Fcore%2Fuifw%2Fdali-demo.git (Scripts) Added color animation Change-Id: I32baa32ac8259eaf91ce101b41742a12af8fd06f --- diff --git a/demo/scripts/animated-colors.json b/demo/scripts/animated-colors.json new file mode 100644 index 0000000..923ec75 --- /dev/null +++ b/demo/scripts/animated-colors.json @@ -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": "START", + "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" +}