resources/scripts/animated-buttons.json

   1 {
   2   "stage": [
   3     {
   4       "type": "ImageActor",
   5       "name": "On",
   6       "relayoutEnabled": false,
   7       "position": [ 374, 215, 0 ],
   8       "size": [ 144, 144, 1 ],
   9       "sizeAspectRatio": false,
  10       "color": [ 1, 1, 1, 1
  11       ],
  12       "image": {
  13         "filename": "{DEMO_IMAGE_DIR}spot_button_on.png",
  14         "width": 144,
  15         "height": 144,
  16         "loadPolicy": "IMMEDIATE",
  17         "releasePolicy": "NEVER"
  18       },
  19       "path": "spot_button_on.png",
  20       "actors": []
  21     },
  22     {
  23       "type": "ImageActor",
  24       "name": "Off",
  25       "relayoutEnabled": false,
  26       "position": [ 129, 215, 0 ],
  27       "size": [ 144, 144, 1 ],
  28       "sizeAspectRatio": false,
  29       "color": [ 1, 1, 1, 1 ],
  30       "image": {
  31         "filename": "{DEMO_IMAGE_DIR}spot_button_off.png",
  32         "width": 144,
  33         "height": 144,
  34         "loadPolicy": "IMMEDIATE",
  35         "releasePolicy": "NEVER"
  36       },
  37       "path": "spot_button_off.png",
  38       "actors": []
  39     },
  40     {
  41       "type": "ImageActor",
  42       "name": "Right",
  43       "relayoutEnabled": false,
  44       "position": [ 418.5, 214.5, 0 ],
  45       "size": [ 85, 161, 1 ],
  46       "sizeAspectRatio": false,
  47       "visible": true,
  48       "color": [ 0, 0, 0, 1 ],
  49       "image": {
  50         "filename": "{DEMO_IMAGE_DIR}curve-right.png",
  51         "width": 85,
  52         "height": 161,
  53         "loadPolicy": "IMMEDIATE",
  54         "releasePolicy": "NEVER"
  55       },
  56       "path": "curve-right.png",
  57       "actors": []
  58     },
  59     {
  60       "type": "ImageActor",
  61       "name": "Left",
  62       "relayoutEnabled": false,
  63       "position": [ 331, 214.5, 0 ],
  64       "size": [ 88, 161, 1 ],
  65       "sizeAspectRatio": false,
  66       "visible": true,
  67       "color": [ 0, 0, 0, 1 ],
  68       "image": {
  69         "filename": "{DEMO_IMAGE_DIR}curve-left.png",
  70         "width": 87,
  71         "height": 161,
  72         "loadPolicy": "IMMEDIATE",
  73         "releasePolicy": "NEVER"
  74       },
  75       "path": "curve-left.png",
  76       "actors": []
  77     },
  78     {
  79       "type": "ImageActor",
  80       "name": "Middle",
  81       "relayoutEnabled": false,
  82       "position": [ 375.5, 214.5, 0 ],
  83       "anchorPoint": [ 0, 0.5, 0.5 ],
  84       "size": [ 1, 161, 1 ],
  85       "sizeAspectRatio": false,
  86       "color": [ 0, 0, 0, 1 ],
  87       "image": {
  88         "filename": "{DEMO_IMAGE_DIR}curve-middle.png",
  89         "width": 13,
  90         "height": 161,
  91         "loadPolicy": "IMMEDIATE",
  92         "releasePolicy": "NEVER"
  93       },
  94       "path": "curve-middle.png",
  95       "actors": []
  96     },
  97     {
  98       "type": "ImageActor",
  99       "name": "Jelly",
 100       "relayoutEnabled": false,
 101       "position": [ 374, 215, 0 ],
 102       "size": [ 144, 144, 1 ],
 103       "sizeAspectRatio": false,
 104       "color": [ 1, 1, 1, 1 ],
 105       "image": {
 106         "filename": "{DEMO_IMAGE_DIR}spot_jelly_on.png",
 107         "width": 144,
 108         "height": 144,
 109         "loadPolicy": "IMMEDIATE",
 110         "releasePolicy": "NEVER"
 111       },
 112       "path": "spot_jelly_on.png",
 113       "actors": []
 114     },
 115     {
 116       "type": "Control",
 117       "name": "Left Crop",
 118       "relayoutEnabled": false,
 119       "position": [ 144.5, 218.5, 0.5 ],
 120       "size": [ 275, 243, 1 ],
 121       "sizeAspectRatio": false,
 122       "background": {"color": [ 1, 1, 1, 1 ]},
 123       "color": [ 1, 1, 1, 1 ],
 124       "actors": []
 125     },
 126     {
 127       "type": "Control",
 128       "name": "Right Crop",
 129       "relayoutEnabled": false,
 130       "position": [ 629.5, 218.5, 0.5 ],
 131       "size": [ 335, 243, 1 ],
 132       "sizeAspectRatio": false,
 133       "background": {"color": [ 1, 1, 1, 1 ]},
 134       "color": [ 1, 1, 1, 1 ],
 135       "actors": []
 136     },
 137     {
 138       "type": "ImageActor",
 139       "name": "JellyOff",
 140       "relayoutEnabled": false,
 141       "position": [ 121, -117, 0 ],
 142       "size": [ 144, 144, 1 ],
 143       "sizeAspectRatio": false,
 144       "color": [ 1, 1, 1, 1 ],
 145       "image": {
 146         "filename": "{DEMO_IMAGE_DIR}spot_jelly_off.png",
 147         "width": 144,
 148         "height": 144,
 149         "loadPolicy": "IMMEDIATE",
 150         "releasePolicy": "NEVER"
 151       },
 152       "path": "spot_jelly_off.png",
 153       "actors": []
 154     },
 155     {
 156       "type": "Control",
 157       "name": "Control On",
 158       "relayoutEnabled": false,
 159       "position": [
 160         371.26116838487997,
 161         217.33333333333331,
 162         0
 163       ],
 164       "size": [ 196, 184, 1 ],
 165       "sizeAspectRatio": false,
 166       "scale": [ 1, 1, 1 ],
 167       "color": [ 1, 1, 1, 1 ],
 168       "actors": [],
 169       "signals": [
 170         {
 171           "name": "tapped",
 172           "action": "play",
 173           "animation": "JellyOffAnimation"
 174         }
 175       ]
 176     },
 177     {
 178       "type": "Control",
 179       "name": "Control Off",
 180       "relayoutEnabled": false,
 181       "position": [ 123.5, -117, 0 ],
 182       "size": [ 193, 182, 1 ],
 183       "sizeAspectRatio": false,
 184       "color": [ 1, 1, 1, 1 ],
 185       "actors": [],
 186       "signals": [
 187         {
 188           "name": "tapped",
 189           "action": "play",
 190           "animation": "JellyOnAnimation"
 191         }
 192       ]
 193     }
 194   ],
 195   "animations": {
 196     "JellyOnAnimation": {
 197       "properties": [
 198         {
 199           "actor": "Left",
 200           "property": "position",
 201           "value": [ 331, 214.5, 0 ],
 202           "alphaFunction": "EASE_OUT",
 203           "timePeriod": {
 204             "delay": 3.106,
 205             "duration": 1.465
 206           },
 207           "timelineColor": "#b2aba7"
 208         },
 209         {
 210           "actor": "Middle",
 211           "property": "position",
 212           "value": [ 375.5, 214.5, 0 ],
 213           "alphaFunction": "EASE_OUT",
 214           "timePeriod": {
 215             "delay": 3.106,
 216             "duration": 1.465
 217           },
 218           "timelineColor": "#94c5aa"
 219         },
 220         {
 221           "actor": "Middle",
 222           "property": "size",
 223           "value": [ 250, 161, 1 ],
 224           "alphaFunction": "EASE_OUT",
 225           "timePeriod": {
 226             "delay": 0,
 227             "duration": 1.27
 228           },
 229           "timelineColor": "#94c5aa"
 230         },
 231         {
 232           "actor": "Middle",
 233           "property": "size",
 234           "value": [ 1, 161, 1 ],
 235           "alphaFunction": "EASE_OUT",
 236           "timePeriod": {
 237             "delay": 3.127,
 238             "duration": 1.44
 239           },
 240           "timelineColor": "#94c5aa"
 241         },
 242         {
 243           "actor": "JellyOff",
 244           "property": "position",
 245           "value": [ 374, 215, 0 ],
 246           "alphaFunction": "EASE_OUT",
 247           "timePeriod": {
 248             "delay": 1.486,
 249             "duration": 1.29
 250           },
 251           "timelineColor": "#b0e8f9"
 252         },
 253         {
 254           "actor": "Left Crop",
 255           "property": "position",
 256           "value": [ 144.5, 218.5, 0.5 ],
 257           "alphaFunction": "EASE_OUT",
 258           "timePeriod": {
 259             "delay": 3.106,
 260             "duration": 1.47
 261           },
 262           "timelineColor": "#cc8584"
 263         },
 264         {
 265           "actor": "Right",
 266           "property": "position",
 267           "value": [ 418.5, 214.5, 0 ],
 268           "alphaFunction": "EASE_OUT",
 269           "timePeriod": {
 270             "delay": 0,
 271             "duration": 1.27
 272           },
 273           "timelineColor": "#a2cfea"
 274         },
 275         {
 276           "actor": "Right Crop",
 277           "property": "position",
 278           "value": [ 629.5, 218.5, 0.5 ],
 279           "alphaFunction": "EASE_OUT",
 280           "timePeriod": {
 281             "delay": 0,
 282             "duration": 1.276
 283           },
 284           "timelineColor": "#f78be1"
 285         },
 286         {
 287           "actor": "Control On",
 288           "property": "position",
 289           "value": [
 290             371.26116838487997,
 291             217.33333333333331,
 292             0
 293           ],
 294           "alphaFunction": "LINEAR",
 295           "timePeriod": {
 296             "delay": 2.765,
 297             "duration": 0.001
 298           },
 299           "timelineColor": "#ab88f5"
 300         },
 301         {
 302           "actor": "Jelly",
 303           "property": "position",
 304           "value": [ 121, -117, 0 ],
 305           "alphaFunction": "LINEAR",
 306           "timePeriod": {
 307             "delay": 0,
 308             "duration": 0.001
 309           },
 310           "timelineColor": "#fbb6ad"
 311         },
 312         {
 313           "actor": "Jelly",
 314           "property": "position",
 315           "value": [ 374, 215, 0 ],
 316           "alphaFunction": "LINEAR",
 317           "timePeriod": {
 318             "delay": 2.765,
 319             "duration": 0.001
 320           },
 321           "timelineColor": "#fbb6ad"
 322         },
 323         {
 324           "actor": "JellyOff",
 325           "property": "position",
 326           "value": [ 121, -117, 0 ],
 327           "alphaFunction": "LINEAR",
 328           "timePeriod": {
 329             "delay": 2.765,
 330             "duration": 0.001
 331           },
 332           "timelineColor": "#fbb6ad"
 333         },
 334         {
 335           "actor": "Control Off",
 336           "property": "position",
 337           "value": [ 123.5, -117, 0 ],
 338           "alphaFunction": "LINEAR",
 339           "timePeriod": {
 340             "delay": 0,
 341             "duration": 0.001
 342           },
 343           "timelineColor": "#9791e0"
 344         }
 345       ],
 346       "page": ""
 347     },
 348     "JellyOffAnimation": {
 349       "properties": [
 350         {
 351           "actor": "Left",
 352           "property": "position",
 353           "value": [ 86, 214.5, 0 ],
 354           "alphaFunction": "EASE_OUT",
 355           "timePeriod": {
 356             "delay": 0,
 357             "duration": 1.27
 358           },
 359           "timelineColor": "#b2aba7"
 360         },
 361         {
 362           "actor": "Middle",
 363           "property": "position",
 364           "value": [ 130, 214.5, 0 ],
 365           "alphaFunction": "EASE_OUT",
 366           "timePeriod": {
 367             "delay": 0,
 368             "duration": 1.27
 369           },
 370           "timelineColor": "#94c5aa"
 371         },
 372         {
 373           "actor": "Middle",
 374           "property": "size",
 375           "value": [ 250, 161, 1 ],
 376           "alphaFunction": "EASE_OUT",
 377           "timePeriod": {
 378             "delay": 0,
 379             "duration": 1.27
 380           },
 381           "timelineColor": "#94c5aa"
 382         },
 383         {
 384           "actor": "Middle",
 385           "property": "size",
 386           "value": [ 1, 161, 1 ],
 387           "alphaFunction": "EASE_OUT",
 388           "timePeriod": {
 389             "delay": 3.127,
 390             "duration": 1.44
 391           },
 392           "timelineColor": "#94c5aa"
 393         },
 394         {
 395           "actor": "Jelly",
 396           "property": "position",
 397           "value": [ 130, 215, 0 ],
 398           "alphaFunction": "EASE_OUT",
 399           "timePeriod": {
 400             "delay": 1.486,
 401             "duration": 1.29
 402           },
 403           "timelineColor": "#b0e8f9"
 404         },
 405         {
 406           "actor": "Left Crop",
 407           "property": "position",
 408           "value": [ -95, 219, 0 ],
 409           "alphaFunction": "EASE_OUT",
 410           "timePeriod": {
 411             "delay": 0,
 412             "duration": 1.276
 413           },
 414           "timelineColor": "#cc8584"
 415         },
 416         {
 417           "actor": "Right",
 418           "property": "position",
 419           "value": [ 172, 214.5, 0.5 ],
 420           "alphaFunction": "EASE_OUT",
 421           "timePeriod": {
 422             "delay": 3.106,
 423             "duration": 1.465
 424           },
 425           "timelineColor": "#a2cfea"
 426         },
 427         {
 428           "actor": "Right Crop",
 429           "property": "position",
 430           "value": [ 383, 218.5, 0.5 ],
 431           "alphaFunction": "EASE_OUT",
 432           "timePeriod": {
 433             "delay": 3.106,
 434             "duration": 1.47
 435           },
 436           "timelineColor": "#f78be1"
 437         },
 438         {
 439           "actor": "Control On",
 440           "property": "position",
 441           "value": [ 371.26, -131, 0 ],
 442           "alphaFunction": "LINEAR",
 443           "timePeriod": {
 444             "delay": 0,
 445             "duration": 0.001
 446           },
 447           "timelineColor": "#ab88f5"
 448         },
 449         {
 450           "actor": "JellyOff",
 451           "property": "position",
 452           "value": [ 130, 215, 0 ],
 453           "alphaFunction": "LINEAR",
 454           "timePeriod": {
 455             "delay": 2.765,
 456             "duration": 0.001
 457           },
 458           "timelineColor": "#fbb6ad"
 459         },
 460         {
 461           "actor": "Jelly",
 462           "property": "position",
 463           "value": [ 121, -117, 0 ],
 464           "alphaFunction": "LINEAR",
 465           "timePeriod": {
 466             "delay": 2.765,
 467             "duration": 0.001
 468           },
 469           "timelineColor": "#fbb6ad"
 470         },
 471         {
 472           "actor": "Control Off",
 473           "property": "position",
 474           "value": [ 123.5, 215, 0 ],
 475           "alphaFunction": "LINEAR",
 476           "timePeriod": {
 477             "delay": 2.765,
 478             "duration": 0.001
 479           },
 480           "timelineColor": "#9791e0"
 481         }
 482       ],
 483       "page": ""
 484     }
 485   },
 486   "connections": {
 487     "JellyOffConnection": {
 488       "name": "JellyOffConnection",
 489       "target": {
 490         "type": "animation",
 491         "name": "JellyOffAnimation",
 492         "action": "play"
 493       },
 494       "sources": [
 495         "Control On"
 496       ],
 497       "signal": "click"
 498     },
 499     "JellyOnConnection": {
 500       "name": "JellyOnConnection",
 501       "target": {
 502         "type": "animation",
 503         "name": "JellyOnAnimation",
 504         "action": "play"
 505       },
 506       "sources": [
 507         "Control Off"
 508       ],
 509       "signal": "click"
 510     }
 511   },
 512   "constants": {},
 513   "styles": {},
 514   "deviceHeight": 600,
 515   "deviceWidth": 480,
 516   "deviceOrientation": "portrait",
 517   "version": "781"
 518 }