From: Adeel Kazmi Date: Thu, 28 Aug 2014 18:52:16 +0000 (+0100) Subject: (Script) Added animated buttons example X-Git-Tag: dali_1.0.8~5 X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=refs%2Fchanges%2F19%2F26819%2F1;p=platform%2Fcore%2Fuifw%2Fdali-demo.git (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 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 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 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 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 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 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 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 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" +}