resources/scripts/animated-buttons.json

   1 {
   2   "stage": [
   3     {
   4       "type": "ImageActor",
   5       "name": "On",
   6       "relayout-enabled": false,
   7       "position": [
   8         374,
   9         215,
  10         0
  11       ],
  12       "size": [
  13         144,
  14         144,
  15         1
  16       ],
  17       "sizeAspectRatio": false,
  18       "color": [
  19         1,
  20         1,
  21         1,
  22         1
  23       ],
  24       "image": {
  25         "filename": "{DALI_IMAGE_DIR}spot_button_on.png",
  26         "width": 144,
  27         "height": 144,
  28         "load-policy": "IMMEDIATE",
  29         "release-policy": "NEVER"
  30       },
  31       "path": "spot_button_on.png",
  32       "actors": []
  33     },
  34     {
  35       "type": "ImageActor",
  36       "name": "Off",
  37       "relayout-enabled": false,
  38       "position": [
  39         129,
  40         215,
  41         0
  42       ],
  43       "size": [
  44         144,
  45         144,
  46         1
  47       ],
  48       "sizeAspectRatio": false,
  49       "color": [
  50         1,
  51         1,
  52         1,
  53         1
  54       ],
  55       "image": {
  56         "filename": "{DALI_IMAGE_DIR}spot_button_off.png",
  57         "width": 144,
  58         "height": 144,
  59         "load-policy": "IMMEDIATE",
  60         "release-policy": "NEVER"
  61       },
  62       "path": "spot_button_off.png",
  63       "actors": []
  64     },
  65     {
  66       "type": "ImageActor",
  67       "name": "Right",
  68       "relayout-enabled": false,
  69       "position": [
  70         418.5,
  71         214.5,
  72         0
  73       ],
  74       "size": [
  75         85,
  76         161,
  77         1
  78       ],
  79       "sizeAspectRatio": false,
  80       "visible": true,
  81       "color": [
  82         0,
  83         0,
  84         0,
  85         1
  86       ],
  87       "image": {
  88         "filename": "{DALI_IMAGE_DIR}curve-right.png",
  89         "width": 85,
  90         "height": 161,
  91         "load-policy": "IMMEDIATE",
  92         "release-policy": "NEVER"
  93       },
  94       "path": "curve-right.png",
  95       "actors": []
  96     },
  97     {
  98       "type": "ImageActor",
  99       "name": "Left",
 100       "relayout-enabled": false,
 101       "position": [
 102         331,
 103         214.5,
 104         0
 105       ],
 106       "size": [
 107         88,
 108         161,
 109         1
 110       ],
 111       "sizeAspectRatio": false,
 112       "visible": true,
 113       "color": [
 114         0,
 115         0,
 116         0,
 117         1
 118       ],
 119       "image": {
 120         "filename": "{DALI_IMAGE_DIR}curve-left.png",
 121         "width": 87,
 122         "height": 161,
 123         "load-policy": "IMMEDIATE",
 124         "release-policy": "NEVER"
 125       },
 126       "path": "curve-left.png",
 127       "actors": []
 128     },
 129     {
 130       "type": "ImageActor",
 131       "name": "Middle",
 132       "relayout-enabled": false,
 133       "position": [
 134         375.5,
 135         214.5,
 136         0
 137       ],
 138       "anchor-point": [
 139         0,
 140         0.5,
 141         0.5
 142       ],
 143       "size": [
 144         1,
 145         161,
 146         1
 147       ],
 148       "sizeAspectRatio": false,
 149       "color": [
 150         0,
 151         0,
 152         0,
 153         1
 154       ],
 155       "image": {
 156         "filename": "{DALI_IMAGE_DIR}curve-middle.png",
 157         "width": 13,
 158         "height": 161,
 159         "load-policy": "IMMEDIATE",
 160         "release-policy": "NEVER"
 161       },
 162       "path": "curve-middle.png",
 163       "actors": []
 164     },
 165     {
 166       "type": "ImageActor",
 167       "name": "Jelly",
 168       "relayout-enabled": false,
 169       "position": [
 170         374,
 171         215,
 172         0
 173       ],
 174       "size": [
 175         144,
 176         144,
 177         1
 178       ],
 179       "sizeAspectRatio": false,
 180       "color": [
 181         1,
 182         1,
 183         1,
 184         1
 185       ],
 186       "image": {
 187         "filename": "{DALI_IMAGE_DIR}spot_jelly_on.png",
 188         "width": 144,
 189         "height": 144,
 190         "load-policy": "IMMEDIATE",
 191         "release-policy": "NEVER"
 192       },
 193       "path": "spot_jelly_on.png",
 194       "actors": []
 195     },
 196     {
 197       "type": "Control",
 198       "name": "Left Crop",
 199       "relayout-enabled": false,
 200       "position": [
 201         144.5,
 202         218.5,
 203         0.5
 204       ],
 205       "size": [
 206         275,
 207         243,
 208         1
 209       ],
 210       "sizeAspectRatio": false,
 211       "background": {"color": [ 1, 1, 1, 1 ]},
 212       "color": [
 213         1,
 214         1,
 215         1,
 216         1
 217       ],
 218       "actors": []
 219     },
 220     {
 221       "type": "Control",
 222       "name": "Right Crop",
 223       "relayout-enabled": false,
 224       "position": [
 225         629.5,
 226         218.5,
 227         0.5
 228       ],
 229       "size": [
 230         335,
 231         243,
 232         1
 233       ],
 234       "sizeAspectRatio": false,
 235       "background": {"color": [ 1, 1, 1, 1 ]},
 236       "color": [
 237         1,
 238         1,
 239         1,
 240         1
 241       ],
 242       "actors": []
 243     },
 244     {
 245       "type": "ImageActor",
 246       "name": "JellyOff",
 247       "relayout-enabled": false,
 248       "position": [
 249         121,
 250         -117,
 251         0
 252       ],
 253       "size": [
 254         144,
 255         144,
 256         1
 257       ],
 258       "sizeAspectRatio": false,
 259       "color": [
 260         1,
 261         1,
 262         1,
 263         1
 264       ],
 265       "image": {
 266         "filename": "{DALI_IMAGE_DIR}spot_jelly_off.png",
 267         "width": 144,
 268         "height": 144,
 269         "load-policy": "IMMEDIATE",
 270         "release-policy": "NEVER"
 271       },
 272       "path": "spot_jelly_off.png",
 273       "actors": []
 274     },
 275     {
 276       "type": "Control",
 277       "name": "Control On",
 278       "relayout-enabled": false,
 279       "position": [
 280         371.26116838487997,
 281         217.33333333333331,
 282         0
 283       ],
 284       "size": [
 285         196,
 286         184,
 287         1
 288       ],
 289       "sizeAspectRatio": false,
 290       "scale": [
 291         1,
 292         1,
 293         1
 294       ],
 295       "color": [
 296         1,
 297         1,
 298         1,
 299         1
 300       ],
 301       "actors": [],
 302       "signals": [
 303         {
 304           "name": "tapped",
 305           "action": "play",
 306           "animation": "JellyOffAnimation"
 307         }
 308       ]
 309     },
 310     {
 311       "type": "Control",
 312       "name": "Control Off",
 313       "relayout-enabled": false,
 314       "position": [
 315         123.5,
 316         -117,
 317         0
 318       ],
 319       "size": [
 320         193,
 321         182,
 322         1
 323       ],
 324       "sizeAspectRatio": false,
 325       "color": [
 326         1,
 327         1,
 328         1,
 329         1
 330       ],
 331       "actors": [],
 332       "signals": [
 333         {
 334           "name": "tapped",
 335           "action": "play",
 336           "animation": "JellyOnAnimation"
 337         }
 338       ]
 339     }
 340   ],
 341   "animations": {
 342     "JellyOnAnimation": {
 343       "properties": [
 344         {
 345           "actor": "Left",
 346           "property": "position",
 347           "value": [
 348             331,
 349             214.5,
 350             0
 351           ],
 352           "alpha-function": "EASE_OUT",
 353           "time-period": {
 354             "delay": 3.106,
 355             "duration": 1.465
 356           },
 357           "timelineColor": "#b2aba7"
 358         },
 359         {
 360           "actor": "Middle",
 361           "property": "position",
 362           "value": [
 363             375.5,
 364             214.5,
 365             0
 366           ],
 367           "alpha-function": "EASE_OUT",
 368           "time-period": {
 369             "delay": 3.106,
 370             "duration": 1.465
 371           },
 372           "timelineColor": "#94c5aa"
 373         },
 374         {
 375           "actor": "Middle",
 376           "property": "size",
 377           "value": [
 378             250,
 379             161,
 380             1
 381           ],
 382           "alpha-function": "EASE_OUT",
 383           "time-period": {
 384             "delay": 0,
 385             "duration": 1.27
 386           },
 387           "timelineColor": "#94c5aa"
 388         },
 389         {
 390           "actor": "Middle",
 391           "property": "size",
 392           "value": [
 393             1,
 394             161,
 395             1
 396           ],
 397           "alpha-function": "EASE_OUT",
 398           "time-period": {
 399             "delay": 3.127,
 400             "duration": 1.44
 401           },
 402           "timelineColor": "#94c5aa"
 403         },
 404         {
 405           "actor": "JellyOff",
 406           "property": "position",
 407           "value": [
 408             374,
 409             215,
 410             0
 411           ],
 412           "alpha-function": "EASE_OUT",
 413           "time-period": {
 414             "delay": 1.486,
 415             "duration": 1.29
 416           },
 417           "timelineColor": "#b0e8f9"
 418         },
 419         {
 420           "actor": "Left Crop",
 421           "property": "position",
 422           "value": [
 423             144.5,
 424             218.5,
 425             0.5
 426           ],
 427           "alpha-function": "EASE_OUT",
 428           "time-period": {
 429             "delay": 3.106,
 430             "duration": 1.47
 431           },
 432           "timelineColor": "#cc8584"
 433         },
 434         {
 435           "actor": "Right",
 436           "property": "position",
 437           "value": [
 438             418.5,
 439             214.5,
 440             0
 441           ],
 442           "alpha-function": "EASE_OUT",
 443           "time-period": {
 444             "delay": 0,
 445             "duration": 1.27
 446           },
 447           "timelineColor": "#a2cfea"
 448         },
 449         {
 450           "actor": "Right Crop",
 451           "property": "position",
 452           "value": [
 453             629.5,
 454             218.5,
 455             0.5
 456           ],
 457           "alpha-function": "EASE_OUT",
 458           "time-period": {
 459             "delay": 0,
 460             "duration": 1.276
 461           },
 462           "timelineColor": "#f78be1"
 463         },
 464         {
 465           "actor": "Control On",
 466           "property": "position",
 467           "value": [
 468             371.26116838487997,
 469             217.33333333333331,
 470             0
 471           ],
 472           "alpha-function": "LINEAR",
 473           "time-period": {
 474             "delay": 2.765,
 475             "duration": 0.001
 476           },
 477           "timelineColor": "#ab88f5"
 478         },
 479         {
 480           "actor": "Jelly",
 481           "property": "position",
 482           "value": [
 483             121,
 484             -117,
 485             0
 486           ],
 487           "alpha-function": "LINEAR",
 488           "time-period": {
 489             "delay": 0,
 490             "duration": 0.001
 491           },
 492           "timelineColor": "#fbb6ad"
 493         },
 494         {
 495           "actor": "Jelly",
 496           "property": "position",
 497           "value": [
 498             374,
 499             215,
 500             0
 501           ],
 502           "alpha-function": "LINEAR",
 503           "time-period": {
 504             "delay": 2.765,
 505             "duration": 0.001
 506           },
 507           "timelineColor": "#fbb6ad"
 508         },
 509         {
 510           "actor": "JellyOff",
 511           "property": "position",
 512           "value": [
 513             121,
 514             -117,
 515             0
 516           ],
 517           "alpha-function": "LINEAR",
 518           "time-period": {
 519             "delay": 2.765,
 520             "duration": 0.001
 521           },
 522           "timelineColor": "#fbb6ad"
 523         },
 524         {
 525           "actor": "Control Off",
 526           "property": "position",
 527           "value": [
 528             123.5,
 529             -117,
 530             0
 531           ],
 532           "alpha-function": "LINEAR",
 533           "time-period": {
 534             "delay": 0,
 535             "duration": 0.001
 536           },
 537           "timelineColor": "#9791e0"
 538         }
 539       ],
 540       "page": ""
 541     },
 542     "JellyOffAnimation": {
 543       "properties": [
 544         {
 545           "actor": "Left",
 546           "property": "position",
 547           "value": [
 548             86,
 549             214.5,
 550             0
 551           ],
 552           "alpha-function": "EASE_OUT",
 553           "time-period": {
 554             "delay": 0,
 555             "duration": 1.27
 556           },
 557           "timelineColor": "#b2aba7"
 558         },
 559         {
 560           "actor": "Middle",
 561           "property": "position",
 562           "value": [
 563             130,
 564             214.5,
 565             0
 566           ],
 567           "alpha-function": "EASE_OUT",
 568           "time-period": {
 569             "delay": 0,
 570             "duration": 1.27
 571           },
 572           "timelineColor": "#94c5aa"
 573         },
 574         {
 575           "actor": "Middle",
 576           "property": "size",
 577           "value": [
 578             250,
 579             161,
 580             1
 581           ],
 582           "alpha-function": "EASE_OUT",
 583           "time-period": {
 584             "delay": 0,
 585             "duration": 1.27
 586           },
 587           "timelineColor": "#94c5aa"
 588         },
 589         {
 590           "actor": "Middle",
 591           "property": "size",
 592           "value": [
 593             1,
 594             161,
 595             1
 596           ],
 597           "alpha-function": "EASE_OUT",
 598           "time-period": {
 599             "delay": 3.127,
 600             "duration": 1.44
 601           },
 602           "timelineColor": "#94c5aa"
 603         },
 604         {
 605           "actor": "Jelly",
 606           "property": "position",
 607           "value": [
 608             130,
 609             215,
 610             0
 611           ],
 612           "alpha-function": "EASE_OUT",
 613           "time-period": {
 614             "delay": 1.486,
 615             "duration": 1.29
 616           },
 617           "timelineColor": "#b0e8f9"
 618         },
 619         {
 620           "actor": "Left Crop",
 621           "property": "position",
 622           "value": [
 623             -95,
 624             219,
 625             0
 626           ],
 627           "alpha-function": "EASE_OUT",
 628           "time-period": {
 629             "delay": 0,
 630             "duration": 1.276
 631           },
 632           "timelineColor": "#cc8584"
 633         },
 634         {
 635           "actor": "Right",
 636           "property": "position",
 637           "value": [
 638             172,
 639             214.5,
 640             0.5
 641           ],
 642           "alpha-function": "EASE_OUT",
 643           "time-period": {
 644             "delay": 3.106,
 645             "duration": 1.465
 646           },
 647           "timelineColor": "#a2cfea"
 648         },
 649         {
 650           "actor": "Right Crop",
 651           "property": "position",
 652           "value": [
 653             383,
 654             218.5,
 655             0.5
 656           ],
 657           "alpha-function": "EASE_OUT",
 658           "time-period": {
 659             "delay": 3.106,
 660             "duration": 1.47
 661           },
 662           "timelineColor": "#f78be1"
 663         },
 664         {
 665           "actor": "Control On",
 666           "property": "position",
 667           "value": [
 668             371.26,
 669             -131,
 670             0
 671           ],
 672           "alpha-function": "LINEAR",
 673           "time-period": {
 674             "delay": 0,
 675             "duration": 0.001
 676           },
 677           "timelineColor": "#ab88f5"
 678         },
 679         {
 680           "actor": "JellyOff",
 681           "property": "position",
 682           "value": [
 683             130,
 684             215,
 685             0
 686           ],
 687           "alpha-function": "LINEAR",
 688           "time-period": {
 689             "delay": 2.765,
 690             "duration": 0.001
 691           },
 692           "timelineColor": "#fbb6ad"
 693         },
 694         {
 695           "actor": "Jelly",
 696           "property": "position",
 697           "value": [
 698             121,
 699             -117,
 700             0
 701           ],
 702           "alpha-function": "LINEAR",
 703           "time-period": {
 704             "delay": 2.765,
 705             "duration": 0.001
 706           },
 707           "timelineColor": "#fbb6ad"
 708         },
 709         {
 710           "actor": "Control Off",
 711           "property": "position",
 712           "value": [
 713             123.5,
 714             215,
 715             0
 716           ],
 717           "alpha-function": "LINEAR",
 718           "time-period": {
 719             "delay": 2.765,
 720             "duration": 0.001
 721           },
 722           "timelineColor": "#9791e0"
 723         }
 724       ],
 725       "page": ""
 726     }
 727   },
 728   "connections": {
 729     "JellyOffConnection": {
 730       "name": "JellyOffConnection",
 731       "target": {
 732         "type": "animation",
 733         "name": "JellyOffAnimation",
 734         "action": "play"
 735       },
 736       "sources": [
 737         "Control On"
 738       ],
 739       "signal": "click"
 740     },
 741     "JellyOnConnection": {
 742       "name": "JellyOnConnection",
 743       "target": {
 744         "type": "animation",
 745         "name": "JellyOnAnimation",
 746         "action": "play"
 747       },
 748       "sources": [
 749         "Control Off"
 750       ],
 751       "signal": "click"
 752     }
 753   },
 754   "constants": {},
 755   "styles": {},
 756   "deviceHeight": 600,
 757   "deviceWidth": 480,
 758   "deviceOrientation": "portrait",
 759   "version": "781"
 760 }