diff --git a/demo/images/contacts-add.png b/demo/images/contacts-add.png new file mode 100644 index 0000000..8bd30f3 --- /dev/null +++ b/demo/images/contacts-add.png diff --git a/demo/images/contacts-background.png b/demo/images/contacts-background.png new file mode 100644 index 0000000..f17835b --- /dev/null +++ b/demo/images/contacts-background.png diff --git a/demo/images/contacts-circle.png b/demo/images/contacts-circle.png new file mode 100644 index 0000000..f3a9dbb --- /dev/null +++ b/demo/images/contacts-circle.png diff --git a/demo/images/contacts-email.png b/demo/images/contacts-email.png new file mode 100644 index 0000000..4744267 --- /dev/null +++ b/demo/images/contacts-email.png diff --git a/demo/images/contacts-home.png b/demo/images/contacts-home.png new file mode 100644 index 0000000..abb9fcf --- /dev/null +++ b/demo/images/contacts-home.png diff --git a/demo/images/contacts-image.png b/demo/images/contacts-image.png new file mode 100644 index 0000000..7ce7af5 --- /dev/null +++ b/demo/images/contacts-image.png diff --git a/demo/images/contacts-main.png b/demo/images/contacts-main.png new file mode 100644 index 0000000..da2915e --- /dev/null +++ b/demo/images/contacts-main.png diff --git a/demo/images/contacts-messenger.png b/demo/images/contacts-messenger.png new file mode 100644 index 0000000..b82d14f --- /dev/null +++ b/demo/images/contacts-messenger.png diff --git a/demo/images/contacts-mobile.png b/demo/images/contacts-mobile.png new file mode 100644 index 0000000..9e6cfaa --- /dev/null +++ b/demo/images/contacts-mobile.png diff --git a/demo/images/contacts-plain.png b/demo/images/contacts-plain.png new file mode 100644 index 0000000..ef5b139 --- /dev/null +++ b/demo/images/contacts-plain.png diff --git a/demo/images/contacts-text.png b/demo/images/contacts-text.png new file mode 100644 index 0000000..43c41f7 --- /dev/null +++ b/demo/images/contacts-text.png diff --git a/demo/images/music-libray-arrow.png b/demo/images/music-libray-arrow.png new file mode 100644 index 0000000..3eede6c --- /dev/null +++ b/demo/images/music-libray-arrow.png diff --git a/demo/images/music-libray-circle.png b/demo/images/music-libray-circle.png new file mode 100644 index 0000000..150f841 --- /dev/null +++ b/demo/images/music-libray-circle.png diff --git a/demo/images/music-libray-foxtrot-oscar.png b/demo/images/music-libray-foxtrot-oscar.png new file mode 100644 index 0000000..b097361 --- /dev/null +++ b/demo/images/music-libray-foxtrot-oscar.png diff --git a/demo/images/music-libray-main-screen.png b/demo/images/music-libray-main-screen.png new file mode 100644 index 0000000..db66fdc --- /dev/null +++ b/demo/images/music-libray-main-screen.png diff --git a/demo/images/music-libray-menu.png b/demo/images/music-libray-menu.png new file mode 100644 index 0000000..cdfc862 --- /dev/null +++ b/demo/images/music-libray-menu.png diff --git a/demo/images/music-libray-pause.png b/demo/images/music-libray-pause.png new file mode 100644 index 0000000..bcb61b9 --- /dev/null +++ b/demo/images/music-libray-pause.png diff --git a/demo/images/music-libray-record-cover.png b/demo/images/music-libray-record-cover.png new file mode 100644 index 0000000..7074b25 --- /dev/null +++ b/demo/images/music-libray-record-cover.png diff --git a/demo/images/music-libray-rectangle.png b/demo/images/music-libray-rectangle.png new file mode 100644 index 0000000..a4fc999 --- /dev/null +++ b/demo/images/music-libray-rectangle.png diff --git a/demo/images/music-libray-star.png b/demo/images/music-libray-star.png new file mode 100644 index 0000000..aafda15 --- /dev/null +++ b/demo/images/music-libray-star.png diff --git a/demo/images/music-libray-the-solars.png b/demo/images/music-libray-the-solars.png new file mode 100644 index 0000000..9cb7528 --- /dev/null +++ b/demo/images/music-libray-the-solars.png diff --git a/demo/images/music-libray-triangle.png b/demo/images/music-libray-triangle.png new file mode 100644 index 0000000..400fb17 --- /dev/null +++ b/demo/images/music-libray-triangle.png diff --git a/demo/scripts/contacts.json b/demo/scripts/contacts.json new file mode 100644 index 0000000..f73705b --- /dev/null +++ b/demo/scripts/contacts.json @@ -0,0 +1,824 @@ +{ + "stage": [ + { + "type": "Control", + "background-color": [ 1, 1, 1, 1 ], + "parent-origin": "TOP_LEFT", + "anchor-point": "TOP_LEFT", + "draw-mode": "STENCIL", + "size": [ 360, 630, 0 ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 1", + "position": [ + 181, + 317, + -1 + ], + "inherit-position": true, + "size": [ + 360, + 640, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-main.png", + "width": 361, + "height": 640, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + }, + "signals": [ + { + "name": "touched", + "action": "play", + "animation": "Animation_1" + } + ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 2", + "position": [ + 541, + 139, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 282, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-background.png", + "width": 360, + "height": 282, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "Control", + "actors": [], + "name": "Container 1", + "position": [ + 179.51602487416508, + 824.0520479877184, + 0 + ], + "inherit-position": true, + "size": [ + 393.04, + 378.08, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 1, + 1, + 1, + 1 + ], + "color": [ + 1, + 1, + 1, + 0.815 + ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 7", + "position": [ + 43.50213893798224, + 402.004657366638, + 1 + ], + "inherit-position": true, + "size": [ + 53, + 52, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-image.png", + "width": 53, + "height": 52, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Textinput 1", + "position": [ + 151, + 405, + 1 + ], + "inherit-position": true, + "size": [ + 152.89, + 24.33, + 1 + ], + "sizeAspectRatio": false, + "markup-enabled": true, + "color": [ + 0.2, + 0.2, + 0.2, + 1 + ], + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-text.png" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 11", + "position": [ + 328.0154985718759, + 611.5127067356418, + 1 + ], + "inherit-position": true, + "size": [ + 80, + 71, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-add.png", + "width": 80, + "height": 71, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 3", + "position": [ + 181.00193136172533, + 677.5051724136168, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 77, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-messenger.png", + "width": 360, + "height": 77, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 4", + "position": [ + 181.01420620981605, + 704.5075140543304, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 79, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-email.png", + "width": 360, + "height": 79, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 5", + "position": [ + 181.00407437387986, + 727.0088875903122, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 80, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-mobile.png", + "width": 360, + "height": 80, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 6", + "position": [ + 181.00990662214662, + 749.5101801844454, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 75, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-home.png", + "width": 360, + "height": 75, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 9", + "position": [ + -15.508874240447994, + 50.289953613295076, + 1 + ], + "inherit-position": true, + "size": [ + 25, + 20.55, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-circle.png", + "width": 100, + "height": 100, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Image 10", + "position": [ + 179.99998576619936, + 817.499887599389, + 0 + ], + "inherit-position": true, + "size": [ + 360, + 77, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}contacts-plain.png", + "width": 360, + "height": 77, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "Control", + "actors": [], + "name": "Container 2", + "position": [ + -346.36, + 401.485, + 0 + ], + "inherit-position": true, + "size": [ + 693.96, + 84.97, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 0.788235294117647, + 0.7647058823529411, + 0.7647058823529411, + 1 + ], + "color": [ + 0.788235294117647, + 0.7647058823529411, + 0.7647058823529411, + 0.293 + ] + } + ], + "animations": { + "Animation_1": { + "properties": [ + { + "actor": "Image 11", + "property": "position", + "value": [ + 518.01, + 609.5059654033565, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.503, + "duration": 0.005 + }, + "timelineColor": "#c09183" + }, + { + "actor": "Image 11", + "property": "size", + "value": [ + 20, + 20, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.071, + "duration": 0.005 + }, + "timelineColor": "#c09183" + }, + { + "actor": "Image 11", + "property": "size", + "value": [ + 80, + 71, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.498, + "duration": 0.3 + }, + "timelineColor": "#c09183" + }, + { + "actor": "Image 11", + "property": "position", + "value": [ + 328.0132503804675, + 611.5150431968526, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.498, + "duration": 0.005 + }, + "timelineColor": "#c09183" + }, + { + "actor": "Image 7", + "property": "position", + "value": [ + 47.5, + 239.01, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.22, + "duration": 0.396 + }, + "timelineColor": "#9d96bc" + }, + { + "actor": "Image 7", + "property": "position", + "value": [ + 43.5, + 402, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.437, + "duration": 0.396 + }, + "timelineColor": "#9d96bc" + }, + { + "actor": "Textinput 1", + "property": "position", + "value": [ + 170, + 242, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.22, + "duration": 0.395 + }, + "timelineColor": "#ae85bf" + }, + { + "actor": "Textinput 1", + "property": "color", + "value": [ + 1, + 1, + 1, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.22, + "duration": 0.395 + }, + "timelineColor": "#ae85ba" + }, + { + "actor": "Textinput 1", + "property": "size", + "value": [ + 200.89, + 35.33, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.22, + "duration": 0.395 + }, + "timelineColor": "#ae85ba" + }, + { + "actor": "Textinput 1", + "property": "position", + "value": [ + 151, + 405, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.435, + "duration": 0.395 + }, + "timelineColor": "#ae85bf" + }, + { + "actor": "Textinput 1", + "property": "color", + "value": [ + 0.2, + 0.2, + 0.2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.435, + "duration": 0.395 + }, + "timelineColor": "#ae85ba" + }, + { + "actor": "Textinput 1", + "property": "size", + "value": [ + 152.89, + 24.33, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.435, + "duration": 0.395 + }, + "timelineColor": "#ae85aa" + }, + { + "actor": "Image 2", + "property": "position", + "value": [ + 181.01, + 138.98, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.222, + "duration": 0.391 + }, + "timelineColor": "#b5b5ab" + }, + { + "actor": "Image 2", + "property": "position", + "value": [ + 581.01, + 138.98, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.435, + "duration": 0.391 + }, + "timelineColor": "#b5b5ab" + }, + { + "actor": "Image 3", + "property": "position", + "value": [ + 181.0109534868741, + 320.50795521899136, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.346, + "duration": 0.372 + }, + "timelineColor": "#94cea8" + }, + { + "actor": "Image 3", + "property": "position", + "value": [ + 181.0109534868741, + 677.51, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.34, + "duration": 0.372 + }, + "timelineColor": "#94cea8" + }, + { + "actor": "Image 4", + "property": "position", + "value": [ + 181, + 395.5, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.432, + "duration": 0.39 + }, + "timelineColor": "#fccbed" + }, + { + "actor": "Image 4", + "property": "position", + "value": [ + 181, + 704.5, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.218, + "duration": 0.39 + }, + "timelineColor": "#fccbed" + }, + { + "actor": "Image 5", + "property": "position", + "value": [ + 181, + 470.01, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.543, + "duration": 0.385 + }, + "timelineColor": "#c09ece" + }, + { + "actor": "Image 5", + "property": "position", + "value": [ + 181, + 727.01, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.11, + "duration": 0.385 + }, + "timelineColor": "#c09ece" + }, + { + "actor": "Image 6", + "property": "position", + "value": [ + 181, + 541.5, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.635, + "duration": 0.406 + }, + "timelineColor": "#cfacc6" + }, + { + "actor": "Image 6", + "property": "position", + "value": [ + 181, + 749.5, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 3.993, + "duration": 0.406 + }, + "timelineColor": "#cfacc6" + }, + { + "actor": "Image 10", + "property": "position", + "value": [ + 179.99303595684773, + 608.5139116202711, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.726, + "duration": 0.435 + }, + "timelineColor": "#84d89f" + }, + { + "actor": "Image 10", + "property": "position", + "value": [ + 179.99303595684773, + 817.51, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 3.865, + "duration": 0.435 + }, + "timelineColor": "#84d89f" + }, + { + "actor": "Image 9", + "property": "position", + "value": [ + 25, + 48.280475138643396, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 2.66, + "duration": 0.005 + }, + "timelineColor": "#c79ccd" + }, + { + "actor": "Image 9", + "property": "position", + "value": [ + -41.5, + 48.280475138643396, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 2.851, + "duration": 0.008 + }, + "timelineColor": "#c79ccd" + }, + { + "actor": "Image 9", + "property": "size", + "value": [ + 80, + 80, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 2.665, + "duration": 1.187 + }, + "timelineColor": "#c79ccd" + }, + { + "actor": "Container 1", + "property": "position", + "value": [ + 181.52411554172681, + 470.05397482417106, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 1.031, + "duration": 0.561 + }, + "timelineColor": "#9fb2e5" + }, + { + "actor": "Container 1", + "property": "position", + "value": [ + 585.5409448696578, + 467.042499801712, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 4.342, + "duration": 0.005 + }, + "timelineColor": "#9fb2e5" + }, + { + "actor": "Container 2", + "property": "position", + "value": [ + 770.32, + 402.425, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.904 + }, + "timelineColor": "#d9c087" + } + ], + "page": "" + } + }, + "connections": { + "Named_conn_1": { + "id": "_191ssaipk029", + "name": "Named_conn_1", + "target": { + "type": "animation", + "name": "Animation_1", + "action": "play" + }, + "sources": [ + "Image 1" + ], + "signal": "click" + } + }, + "constants": {}, + "styles": {}, + "deviceHeight": 630, + "deviceWidth": 360, + "deviceOrientation": "portrait", + "version": "781" +} diff --git a/demo/scripts/music-library.json b/demo/scripts/music-library.json new file mode 100644 index 0000000..f0a8e4f --- /dev/null +++ b/demo/scripts/music-library.json @@ -0,0 +1,816 @@ +{ + "stage": [ + { + "type": "Control", + "background-color": [ 1, 1, 1, 1 ], + "parent-origin": "TOP_LEFT", + "anchor-point": "TOP_LEFT", + "draw-mode": "STENCIL", + "size": [ 400, 720, 0 ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Screen", + "position": [ + 200, + 355, + -1 + ], + "inherit-position": true, + "size": [ + 400, + 630, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-main-screen.png", + "width": 545, + "height": 860, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "Control", + "actors": [ + { + "type": "ImageActor", + "actors": [], + "name": "Circle", + "position": [ + 200, + 25, + 1 + ], + "inherit-position": true, + "size": [ + 30, + 30, + 1 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-circle.png", + "width": 128, + "height": 128, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Triangle", + "position": [ + 100, + 25, + 1 + ], + "inherit-position": true, + "size": [ + 28.030303030303028, + 30, + 1 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-triangle.png", + "width": 185, + "height": 198, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Rectangle", + "position": [ + 300, + 25, + 1 + ], + "inherit-position": true, + "size": [ + 30, + 30, + 1 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-rectangle.png", + "width": 128, + "height": 128, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + } + ], + "name": "Toolbar", + "position": [ + 200, + 695, + 1 + ], + "inherit-position": true, + "size": [ + 400, + 50, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 0, + 0, + 0, + 1 + ] + }, + { + "type": "Control", + "actors": [ + { + "type": "TextView", + "actors": [], + "name": "Time", + "position": [ + 345, + 20, + 0 + ], + "inherit-position": true, + "size": [ + 50, + 20, + 1 + ], + "sizeAspectRatio": false, + "markup-enabled": true, + "text": "12:30" + } + ], + "name": "Indicators", + "position": [ + 200, + 20, + 0 + ], + "inherit-position": true, + "size": [ + 400, + 40, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 0.33725490196078434, + 0.7568627450980392, + 0.6509803921568628, + 1 + ], + "color": [ + 0.33725490196078434, + 0.7568627450980392, + 0.6509803921568628, + 0 + ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Foxtrot Oscar", + "position": [ + 100, + 288, + 0 + ], + "inherit-position": true, + "size": [ + 200, + 35, + 1 + ], + "color":[0,0,0,0], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-foxtrot-oscar.png", + "width": 545, + "height": 95, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "Control", + "actors": [], + "name": "Foxtrot Oscar container", + "position": [ + 100, + 288, + 0 + ], + "inherit-position": true, + "size": [ + 200, + 35, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 1, + 1, + 1, + 1 + ], + "color": [ + 1, + 1, + 1, + 1 + ] + }, + { + "type": "ImageActor", + "actors": [], + "name": "Record text", + "position": [ + 100, + 266, + 0 + ], + "inherit-position": true, + "size": [ + 200, + 80, + 1 + ], + "color" : [ + 0,0,0,0 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-the-solars.png", + "width": 545, + "height": 218, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "Control", + "actors": [], + "name": "Record container", + "position": [ + 100, + 266, + 0 + ], + "inherit-position": true, + "size": [ + 200, + 80, + 1 + ], + "sizeAspectRatio": false, + "background-color": [ + 0.18823529411764706, + 0.3411764705882353, + 0.403921568627451, + 1 + ] + }, + { + "type": "ImageActor", + "actors": [ + { + "type": "Control", + "name": "Tapped Record", + "actors": [], + "position-inheritance":"USE_PARENT_POSITION", + "signals": [ + { + "name": "tapped", + "action": "play", + "animation": "Animation_1" + } + ], + "size": [ + 200, + 200, + 1 + ] + } + ], + "name": "Record image", + "position": [ + 100, + 206, + 0 + ], + "inherit-position": true, + "size": [ + 200, + 200, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-record-cover.png", + "width": 545, + "height": 502, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Arrow", + "position": [ + -16, + 70, + 2 + ], + "inherit-position": true, + "size": [ + 30, + 30, + 1 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-arrow.png", + "width": 128, + "height": 128, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Star", + "position": [ + 415, + 70, + 2 + ], + "inherit-position": true, + "size": [ + 30, + 30, + 1 + ], + "sizeAspectRatio": false, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-star.png", + "width": 121, + "height": 128, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Pause", + "position": [ + 425, + 440, + 3 + ], + "inherit-position": true, + "size": [ + 50, + 50, + 1 + ], + "sizeAspectRatio": true, + "scale": [ + 0.1, + 0.1, + 1 + ], + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-pause.png", + "width": 128, + "height": 128, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + }, + { + "type": "ImageActor", + "actors": [], + "name": "Menu", + "position": [ + 465, + 70, + 2 + ], + "inherit-position": true, + "size": [ + 30, + 30, + 1 + ], + "sizeAspectRatio": true, + "image": { + "filename": "{DALI_IMAGE_DIR}music-libray-menu.png", + "width": 32, + "height": 32, + "load-policy": "IMMEDIATE", + "release-policy": "NEVER" + } + } + ], + "animations": { + "Animation_1": { + "properties": [ + { + "actor": "Tapped Record", + "property": "color-alpha", + "value": 0, + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.1 + }, + "timelineColor": "#e7dbba" + }, + { + "actor": "Record image", + "property": "position", + "value": [ + 200, + 240, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#e7dbbf" + }, + { + "actor": "Record image", + "property": "scale", + "value": [ + 2, + 2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#e7dbbf" + }, + { + "actor": "Indicators", + "property": "color", + "value": [ + 0.33725490196078434, + 0.7568627450980392, + 0.6509803921568628, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#97a0e7" + }, + { + "actor": "Record text", + "property": "position", + "value": [ + 200, + 360, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#90c2ca" + }, + { + "actor": "Record text", + "property": "position", + "value": [ + 200, + 520, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#90c2ca" + }, + { + "actor": "Record text", + "property": "scale", + "value": [ + 2, + 2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#90c2ca" + }, + { + "actor": "Record container", + "property": "position", + "value": [ + 200, + 360, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#eba6ba" + }, + { + "actor": "Record container", + "property": "position", + "value": [ + 200, + 520, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#eba6ba" + }, + { + "actor": "Record container", + "property": "scale", + "value": [ + 2, + 2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#eba6ba" + }, + { + "actor": "Record text", + "property": "color", + "value": [ + 1, + 1, + 1, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.5, + "duration": 0.2 + }, + "timelineColor": "#eba6ba" + }, + { + "actor": "Foxtrot Oscar", + "property": "position", + "value": [ + 200, + 288, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#e1d2d6" + }, + { + "actor": "Foxtrot Oscar", + "property": "position", + "value": [ + 200, + 635, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#e1d2d6" + }, + { + "actor": "Foxtrot Oscar", + "property": "scale", + "value": [ + 2, + 2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#e1d2d6" + }, + { + "actor": "Foxtrot Oscar container", + "property": "position", + "value": [ + 200, + 288, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#fbda85" + }, + { + "actor": "Foxtrot Oscar container", + "property": "position", + "value": [ + 200, + 635, + 0 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#fbda85" + }, + { + "actor": "Foxtrot Oscar container", + "property": "scale", + "value": [ + 2, + 2, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0, + "duration": 0.3 + }, + "timelineColor": "#fbda85" + }, + { + "actor": "Foxtrot Oscar", + "property": "color", + "value": [ + 1, + 1, + 1, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.5, + "duration": 0.2 + }, + "timelineColor": "#fbda85" + }, + { + "actor": "Arrow", + "property": "position", + "value": [ + 30, + 70, + 2 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#8a9098" + }, + { + "actor": "Star", + "property": "position", + "value": [ + 320, + 70, + 2 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.299, + "duration": 0.2 + }, + "timelineColor": "#9ae2c6" + }, + { + "actor": "Menu", + "property": "position", + "value": [ + 370, + 70, + 2 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.3, + "duration": 0.2 + }, + "timelineColor": "#cf7feb" + }, + { + "actor": "Pause", + "property": "position", + "value": [ + 360, + 440, + 3 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.599, + "duration": 0.1 + }, + "timelineColor": "#d3eaa7" + }, + { + "actor": "Pause", + "property": "scale", + "value": [ + 0.1, + 0.1, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.6, + "duration": 0.1 + }, + "timelineColor": "#d3eaa7" + }, + { + "actor": "Pause", + "property": "scale", + "value": [ + 1, + 1, + 1 + ], + "alpha-function": "LINEAR", + "time-period": { + "delay": 0.7, + "duration": 0.3 + }, + "timelineColor": "#d3eaa7" + } + ], + "page": "" + } + }, + "connections": { + "Named_conn_1": { + "id": "_191ss6ct70d1", + "name": "Named_conn_1", + "target": { + "type": "animation", + "name": "Animation_1", + "action": "play" + }, + "sources": [ + "Record image" + ], + "signal": "click" + } + }, + "constants": {}, + "styles": {}, + "deviceHeight": 720, + "deviceWidth": 400, + "deviceOrientation": "portrait", + "version": "781" +}