--- /dev/null
+{
+ "templates":
+ {
+ "selection-type":
+ {
+ "type": "Control",
+ "background-color": [ 1, 0.5, 0, 0.6 ],
+ "color-alpha": 0.05,
+ "parent-origin": "CENTER",
+ "anchor-point": "CENTER",
+ "size": [ 450, 90, 1 ]
+ },
+ "image-type":
+ {
+ "type": "ImageActor",
+ "position": [ 450, 0, 1 ],
+ "parent-origin": "CENTER",
+ "anchor-point": "CENTER",
+ "size": [ 450, 795, 1 ],
+ "actors": [
+ {
+ "type": "Control",
+ "position-inheritance": "USE_PARENT_POSITION",
+ "size": [ 450, 795, 1 ],
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "BackAnimation"
+ }
+ ]
+ }
+ ]
+ }
+ },
+ "stage": [
+ {
+ "type": "Control",
+ "name": "stencil",
+ "background-color": [ 1, 1, 1, 1 ],
+ "parent-origin": "CENTER",
+ "anchor-point": "CENTER",
+ "draw-mode": "STENCIL",
+ "size": [ 450, 795, 0 ],
+ "position-z": 0.1
+ },
+ {
+ "type": "ImageActor",
+ "actors": [],
+ "name": "list",
+ "parent-origin": "CENTER",
+ "anchor-point": "CENTER",
+ "position": [ 0, 0, -1 ],
+ "size": [ 450, 795, 1 ],
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-list.png"
+ }
+ },
+ {
+ "type": "selection-type",
+ "name": "selection-1",
+ "position-y": -105,
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "Animation_1"
+ }
+ ]
+ },
+ {
+ "type": "selection-type",
+ "name": "selection-2",
+ "position-y": -15,
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "Animation_2"
+ }
+ ]
+ },
+ {
+ "type": "selection-type",
+ "name": "selection-3",
+ "position-y": 75,
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "Animation_3"
+ }
+ ]
+ },
+ {
+ "type": "selection-type",
+ "name": "selection-4",
+ "position-y": 165,
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "Animation_4"
+ }
+ ]
+ },
+ {
+ "type": "selection-type",
+ "name": "selection-5",
+ "position-y": 255,
+ "signals": [
+ {
+ "name": "tapped",
+ "action": "play",
+ "animation": "Animation_5"
+ }
+ ]
+ },
+ {
+ "type": "image-type",
+ "name": "picture-1",
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-picture-1.png"
+ }
+ },
+ {
+ "type": "image-type",
+ "name": "picture-2",
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-picture-2.png"
+ }
+ },
+ {
+ "type": "image-type",
+ "name": "picture-3",
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-picture-3.png"
+ }
+ },
+ {
+ "type": "image-type",
+ "name": "picture-4",
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-picture-4.png"
+ }
+ },
+ {
+ "type": "image-type",
+ "name": "picture-5",
+ "image": {
+ "filename": "{DALI_IMAGE_DIR}animation-picture-5.png"
+ }
+ }
+ ],
+ "animations": {
+ "Animation_1": {
+ "properties": [
+ {
+ "actor": "selection-1",
+ "property": "color-alpha",
+ "value": 0.5,
+ "alpha-function": "SIN",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.5
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-1",
+ "property": "position-x",
+ "value": 0,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0.25,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ },
+ "Animation_2": {
+ "properties": [
+ {
+ "actor": "selection-2",
+ "property": "color-alpha",
+ "value": 0.5,
+ "alpha-function": "SIN",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.5
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-2",
+ "property": "position-x",
+ "value": 0,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0.25,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ },
+ "Animation_3": {
+ "properties": [
+ {
+ "actor": "selection-3",
+ "property": "color-alpha",
+ "value": 0.5,
+ "alpha-function": "SIN",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.5
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-3",
+ "property": "position-x",
+ "value": 0,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0.25,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ },
+ "Animation_4": {
+ "properties": [
+ {
+ "actor": "selection-4",
+ "property": "color-alpha",
+ "value": 0.5,
+ "alpha-function": "SIN",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.5
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-4",
+ "property": "position-x",
+ "value": 0,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0.25,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ },
+ "Animation_5": {
+ "properties": [
+ {
+ "actor": "selection-5",
+ "property": "color-alpha",
+ "value": 0.5,
+ "alpha-function": "SIN",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.5
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-5",
+ "property": "position-x",
+ "value": 0,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0.25,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ },
+ "BackAnimation": {
+ "properties": [
+ {
+ "actor": "picture-1",
+ "property": "position-x",
+ "value": 450,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-2",
+ "property": "position-x",
+ "value": 450,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-3",
+ "property": "position-x",
+ "value": 450,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-4",
+ "property": "position-x",
+ "value": 450,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ },
+ {
+ "actor": "picture-5",
+ "property": "position-x",
+ "value": 450,
+ "alpha-function": "LINEAR",
+ "time-period": {
+ "delay": 0,
+ "duration": 0.25
+ },
+ "timelineColor": "#83bcc5"
+ }
+ ]
+ }
+ }
+}