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         1,
  83         1,
  84         1,
  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         1,
 115         1,
 116         1,
 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         1,
 151         1,
 152         1,
 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 Black",
 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": [
 212         0,
 213         0,
 214         0,
 215         1
 216       ],
 217       "color": [
 218         1,
 219         1,
 220         1,
 221         1
 222       ],
 223       "actors": []
 224     },
 225     {
 226       "type": "Control",
 227       "name": "Right Black",
 228       "relayout-enabled": false,
 229       "position": [
 230         629.5,
 231         218.5,
 232         0.5
 233       ],
 234       "size": [
 235         335,
 236         243,
 237         1
 238       ],
 239       "sizeAspectRatio": false,
 240       "background-color": [
 241         0,
 242         0,
 243         0,
 244         1
 245       ],
 246       "color": [
 247         1,
 248         1,
 249         1,
 250         1
 251       ],
 252       "actors": []
 253     },
 254     {
 255       "type": "ImageActor",
 256       "name": "JellyOff",
 257       "relayout-enabled": false,
 258       "position": [
 259         121,
 260         -117,
 261         0
 262       ],
 263       "size": [
 264         144,
 265         144,
 266         1
 267       ],
 268       "sizeAspectRatio": false,
 269       "color": [
 270         1,
 271         1,
 272         1,
 273         1
 274       ],
 275       "image": {
 276         "filename": "{DALI_IMAGE_DIR}spot_jelly_off.png",
 277         "width": 144,
 278         "height": 144,
 279         "load-policy": "IMMEDIATE",
 280         "release-policy": "NEVER"
 281       },
 282       "path": "spot_jelly_off.png",
 283       "actors": []
 284     },
 285     {
 286       "type": "Control",
 287       "name": "Control On",
 288       "relayout-enabled": false,
 289       "position": [
 290         371.26116838487997,
 291         217.33333333333331,
 292         0
 293       ],
 294       "size": [
 295         196,
 296         184,
 297         1
 298       ],
 299       "sizeAspectRatio": false,
 300       "scale": [
 301         1,
 302         1,
 303         1
 304       ],
 305       "color": [
 306         1,
 307         1,
 308         1,
 309         1
 310       ],
 311       "actors": [],
 312       "signals": [
 313         {
 314           "name": "tapped",
 315           "action": "play",
 316           "animation": "JellyOffAnimation"
 317         }
 318       ]
 319     },
 320     {
 321       "type": "Control",
 322       "name": "Control Off",
 323       "relayout-enabled": false,
 324       "position": [
 325         123.5,
 326         -117,
 327         0
 328       ],
 329       "size": [
 330         193,
 331         182,
 332         1
 333       ],
 334       "sizeAspectRatio": false,
 335       "color": [
 336         1,
 337         1,
 338         1,
 339         1
 340       ],
 341       "actors": [],
 342       "signals": [
 343         {
 344           "name": "tapped",
 345           "action": "play",
 346           "animation": "JellyOnAnimation"
 347         }
 348       ]
 349     }
 350   ],
 351   "animations": {
 352     "JellyOnAnimation": {
 353       "properties": [
 354         {
 355           "actor": "Left",
 356           "property": "position",
 357           "value": [
 358             331,
 359             214.5,
 360             0
 361           ],
 362           "alpha-function": "EASE_OUT",
 363           "time-period": {
 364             "delay": 3.106,
 365             "duration": 1.465
 366           },
 367           "timelineColor": "#b2aba7"
 368         },
 369         {
 370           "actor": "Middle",
 371           "property": "position",
 372           "value": [
 373             375.5,
 374             214.5,
 375             0
 376           ],
 377           "alpha-function": "EASE_OUT",
 378           "time-period": {
 379             "delay": 3.106,
 380             "duration": 1.465
 381           },
 382           "timelineColor": "#94c5aa"
 383         },
 384         {
 385           "actor": "Middle",
 386           "property": "size",
 387           "value": [
 388             250,
 389             161,
 390             1
 391           ],
 392           "alpha-function": "EASE_OUT",
 393           "time-period": {
 394             "delay": 0,
 395             "duration": 1.27
 396           },
 397           "timelineColor": "#94c5aa"
 398         },
 399         {
 400           "actor": "Middle",
 401           "property": "size",
 402           "value": [
 403             1,
 404             161,
 405             1
 406           ],
 407           "alpha-function": "EASE_OUT",
 408           "time-period": {
 409             "delay": 3.127,
 410             "duration": 1.44
 411           },
 412           "timelineColor": "#94c5aa"
 413         },
 414         {
 415           "actor": "JellyOff",
 416           "property": "position",
 417           "value": [
 418             374,
 419             215,
 420             0
 421           ],
 422           "alpha-function": "EASE_OUT",
 423           "time-period": {
 424             "delay": 1.486,
 425             "duration": 1.29
 426           },
 427           "timelineColor": "#b0e8f9"
 428         },
 429         {
 430           "actor": "Left Black",
 431           "property": "position",
 432           "value": [
 433             144.5,
 434             218.5,
 435             0.5
 436           ],
 437           "alpha-function": "EASE_OUT",
 438           "time-period": {
 439             "delay": 3.106,
 440             "duration": 1.47
 441           },
 442           "timelineColor": "#cc8584"
 443         },
 444         {
 445           "actor": "Right",
 446           "property": "position",
 447           "value": [
 448             418.5,
 449             214.5,
 450             0
 451           ],
 452           "alpha-function": "EASE_OUT",
 453           "time-period": {
 454             "delay": 0,
 455             "duration": 1.27
 456           },
 457           "timelineColor": "#a2cfea"
 458         },
 459         {
 460           "actor": "Right Black",
 461           "property": "position",
 462           "value": [
 463             629.5,
 464             218.5,
 465             0.5
 466           ],
 467           "alpha-function": "EASE_OUT",
 468           "time-period": {
 469             "delay": 0,
 470             "duration": 1.276
 471           },
 472           "timelineColor": "#f78be1"
 473         },
 474         {
 475           "actor": "Control On",
 476           "property": "position",
 477           "value": [
 478             371.26116838487997,
 479             217.33333333333331,
 480             0
 481           ],
 482           "alpha-function": "LINEAR",
 483           "time-period": {
 484             "delay": 2.765,
 485             "duration": 0.001
 486           },
 487           "timelineColor": "#ab88f5"
 488         },
 489         {
 490           "actor": "Jelly",
 491           "property": "position",
 492           "value": [
 493             121,
 494             -117,
 495             0
 496           ],
 497           "alpha-function": "LINEAR",
 498           "time-period": {
 499             "delay": 0,
 500             "duration": 0.001
 501           },
 502           "timelineColor": "#fbb6ad"
 503         },
 504         {
 505           "actor": "Jelly",
 506           "property": "position",
 507           "value": [
 508             374,
 509             215,
 510             0
 511           ],
 512           "alpha-function": "LINEAR",
 513           "time-period": {
 514             "delay": 2.765,
 515             "duration": 0.001
 516           },
 517           "timelineColor": "#fbb6ad"
 518         },
 519         {
 520           "actor": "JellyOff",
 521           "property": "position",
 522           "value": [
 523             121,
 524             -117,
 525             0
 526           ],
 527           "alpha-function": "LINEAR",
 528           "time-period": {
 529             "delay": 2.765,
 530             "duration": 0.001
 531           },
 532           "timelineColor": "#fbb6ad"
 533         },
 534         {
 535           "actor": "Control Off",
 536           "property": "position",
 537           "value": [
 538             123.5,
 539             -117,
 540             0
 541           ],
 542           "alpha-function": "LINEAR",
 543           "time-period": {
 544             "delay": 0,
 545             "duration": 0.001
 546           },
 547           "timelineColor": "#9791e0"
 548         }
 549       ],
 550       "page": ""
 551     },
 552     "JellyOffAnimation": {
 553       "properties": [
 554         {
 555           "actor": "Left",
 556           "property": "position",
 557           "value": [
 558             86,
 559             214.5,
 560             0
 561           ],
 562           "alpha-function": "EASE_OUT",
 563           "time-period": {
 564             "delay": 0,
 565             "duration": 1.27
 566           },
 567           "timelineColor": "#b2aba7"
 568         },
 569         {
 570           "actor": "Middle",
 571           "property": "position",
 572           "value": [
 573             130,
 574             214.5,
 575             0
 576           ],
 577           "alpha-function": "EASE_OUT",
 578           "time-period": {
 579             "delay": 0,
 580             "duration": 1.27
 581           },
 582           "timelineColor": "#94c5aa"
 583         },
 584         {
 585           "actor": "Middle",
 586           "property": "size",
 587           "value": [
 588             250,
 589             161,
 590             1
 591           ],
 592           "alpha-function": "EASE_OUT",
 593           "time-period": {
 594             "delay": 0,
 595             "duration": 1.27
 596           },
 597           "timelineColor": "#94c5aa"
 598         },
 599         {
 600           "actor": "Middle",
 601           "property": "size",
 602           "value": [
 603             1,
 604             161,
 605             1
 606           ],
 607           "alpha-function": "EASE_OUT",
 608           "time-period": {
 609             "delay": 3.127,
 610             "duration": 1.44
 611           },
 612           "timelineColor": "#94c5aa"
 613         },
 614         {
 615           "actor": "Jelly",
 616           "property": "position",
 617           "value": [
 618             130,
 619             215,
 620             0
 621           ],
 622           "alpha-function": "EASE_OUT",
 623           "time-period": {
 624             "delay": 1.486,
 625             "duration": 1.29
 626           },
 627           "timelineColor": "#b0e8f9"
 628         },
 629         {
 630           "actor": "Left Black",
 631           "property": "position",
 632           "value": [
 633             -95,
 634             219,
 635             0
 636           ],
 637           "alpha-function": "EASE_OUT",
 638           "time-period": {
 639             "delay": 0,
 640             "duration": 1.276
 641           },
 642           "timelineColor": "#cc8584"
 643         },
 644         {
 645           "actor": "Right",
 646           "property": "position",
 647           "value": [
 648             172,
 649             214.5,
 650             0.5
 651           ],
 652           "alpha-function": "EASE_OUT",
 653           "time-period": {
 654             "delay": 3.106,
 655             "duration": 1.465
 656           },
 657           "timelineColor": "#a2cfea"
 658         },
 659         {
 660           "actor": "Right Black",
 661           "property": "position",
 662           "value": [
 663             383,
 664             218.5,
 665             0.5
 666           ],
 667           "alpha-function": "EASE_OUT",
 668           "time-period": {
 669             "delay": 3.106,
 670             "duration": 1.47
 671           },
 672           "timelineColor": "#f78be1"
 673         },
 674         {
 675           "actor": "Control On",
 676           "property": "position",
 677           "value": [
 678             371.26,
 679             -131,
 680             0
 681           ],
 682           "alpha-function": "LINEAR",
 683           "time-period": {
 684             "delay": 0,
 685             "duration": 0.001
 686           },
 687           "timelineColor": "#ab88f5"
 688         },
 689         {
 690           "actor": "JellyOff",
 691           "property": "position",
 692           "value": [
 693             130,
 694             215,
 695             0
 696           ],
 697           "alpha-function": "LINEAR",
 698           "time-period": {
 699             "delay": 2.765,
 700             "duration": 0.001
 701           },
 702           "timelineColor": "#fbb6ad"
 703         },
 704         {
 705           "actor": "Jelly",
 706           "property": "position",
 707           "value": [
 708             121,
 709             -117,
 710             0
 711           ],
 712           "alpha-function": "LINEAR",
 713           "time-period": {
 714             "delay": 2.765,
 715             "duration": 0.001
 716           },
 717           "timelineColor": "#fbb6ad"
 718         },
 719         {
 720           "actor": "Control Off",
 721           "property": "position",
 722           "value": [
 723             123.5,
 724             215,
 725             0
 726           ],
 727           "alpha-function": "LINEAR",
 728           "time-period": {
 729             "delay": 2.765,
 730             "duration": 0.001
 731           },
 732           "timelineColor": "#9791e0"
 733         }
 734       ],
 735       "page": ""
 736     }
 737   },
 738   "connections": {
 739     "JellyOffConnection": {
 740       "name": "JellyOffConnection",
 741       "target": {
 742         "type": "animation",
 743         "name": "JellyOffAnimation",
 744         "action": "play"
 745       },
 746       "sources": [
 747         "Control On"
 748       ],
 749       "signal": "click"
 750     },
 751     "JellyOnConnection": {
 752       "name": "JellyOnConnection",
 753       "target": {
 754         "type": "animation",
 755         "name": "JellyOnAnimation",
 756         "action": "play"
 757       },
 758       "sources": [
 759         "Control Off"
 760       ],
 761       "signal": "click"
 762     }
 763   },
 764   "constants": {},
 765   "styles": {},
 766   "deviceHeight": 600,
 767   "deviceWidth": 480,
 768   "deviceOrientation": "portrait",
 769   "version": "781"
 770 }