resources/scripts/gallery.json

   1 {
   2   "templates":
   3   {
   4     "selection-type":
   5     {
   6       "type": "Control",
   7       "background-color": [ 1, 0.5, 0, 0.6 ],
   8       "color-alpha": 0.05,
   9       "parent-origin": "CENTER",
  10       "anchor-point": "CENTER",
  11       "size": [ 450, 90, 1 ]
  12     },
  13     "image-type":
  14     {
  15       "type": "ImageActor",
  16       "position": [ 450, 0, 1 ],
  17       "parent-origin": "CENTER",
  18       "anchor-point": "CENTER",
  19       "size": [ 450, 795, 1 ],
  20       "actors": [
  21         {
  22           "type": "Control",
  23           "position-inheritance": "USE_PARENT_POSITION",
  24           "size": [ 450, 795, 1 ],
  25           "signals": [
  26             {
  27               "name": "tapped",
  28               "action": "play",
  29               "animation": "BackAnimation"
  30             }
  31           ]
  32         }
  33       ]
  34     }
  35   },
  36   "stage": [
  37     {
  38       "type": "Control",
  39       "name": "stencil",
  40       "background-color": [ 1, 1, 1, 1 ],
  41       "parent-origin": "CENTER",
  42       "anchor-point": "CENTER",
  43       "draw-mode": "STENCIL",
  44       "size": [ 450, 795, 0 ],
  45       "position-z": 0.1
  46     },
  47     {
  48       "type": "ImageActor",
  49       "actors": [],
  50       "name": "list",
  51       "parent-origin": "CENTER",
  52       "anchor-point": "CENTER",
  53       "position": [ 0, 0, -1 ],
  54       "size": [ 450, 795, 1 ],
  55       "image": {
  56         "filename": "{DALI_IMAGE_DIR}animation-list.png"
  57       }
  58     },
  59     {
  60       "type": "selection-type",
  61       "name": "selection-1",
  62       "position-y": -105,
  63       "signals": [
  64         {
  65           "name": "tapped",
  66           "action": "play",
  67           "animation": "Animation_1"
  68         }
  69       ]
  70     },
  71     {
  72       "type": "selection-type",
  73       "name": "selection-2",
  74       "position-y": -15,
  75       "signals": [
  76         {
  77           "name": "tapped",
  78           "action": "play",
  79           "animation": "Animation_2"
  80         }
  81       ]
  82     },
  83     {
  84       "type": "selection-type",
  85       "name": "selection-3",
  86       "position-y": 75,
  87       "signals": [
  88         {
  89           "name": "tapped",
  90           "action": "play",
  91           "animation": "Animation_3"
  92         }
  93       ]
  94     },
  95     {
  96       "type": "selection-type",
  97       "name": "selection-4",
  98       "position-y": 165,
  99       "signals": [
 100         {
 101           "name": "tapped",
 102           "action": "play",
 103           "animation": "Animation_4"
 104         }
 105       ]
 106     },
 107     {
 108       "type": "selection-type",
 109       "name": "selection-5",
 110       "position-y": 255,
 111       "signals": [
 112         {
 113           "name": "tapped",
 114           "action": "play",
 115           "animation": "Animation_5"
 116         }
 117       ]
 118     },
 119     {
 120       "type": "image-type",
 121       "name": "picture-1",
 122       "image": {
 123         "filename": "{DALI_IMAGE_DIR}animation-picture-1.png"
 124       }
 125     },
 126     {
 127       "type": "image-type",
 128       "name": "picture-2",
 129       "image": {
 130         "filename": "{DALI_IMAGE_DIR}animation-picture-2.png"
 131       }
 132     },
 133     {
 134       "type": "image-type",
 135       "name": "picture-3",
 136       "image": {
 137         "filename": "{DALI_IMAGE_DIR}animation-picture-3.png"
 138       }
 139     },
 140     {
 141       "type": "image-type",
 142       "name": "picture-4",
 143       "image": {
 144         "filename": "{DALI_IMAGE_DIR}animation-picture-4.png"
 145       }
 146     },
 147     {
 148       "type": "image-type",
 149       "name": "picture-5",
 150       "image": {
 151         "filename": "{DALI_IMAGE_DIR}animation-picture-5.png"
 152       }
 153     }
 154   ],
 155   "animations": {
 156     "Animation_1": {
 157       "properties": [
 158         {
 159           "actor": "selection-1",
 160           "property": "color-alpha",
 161           "value": 0.5,
 162           "alpha-function": "SIN",
 163           "time-period": {
 164             "delay": 0,
 165             "duration": 0.5
 166           },
 167           "timelineColor": "#83bcc5"
 168         },
 169         {
 170           "actor": "picture-1",
 171           "property": "position-x",
 172           "value": 0,
 173           "alpha-function": "LINEAR",
 174           "time-period": {
 175             "delay": 0.25,
 176             "duration": 0.25
 177           },
 178           "timelineColor": "#83bcc5"
 179         }
 180       ]
 181     },
 182     "Animation_2": {
 183       "properties": [
 184         {
 185           "actor": "selection-2",
 186           "property": "color-alpha",
 187           "value": 0.5,
 188           "alpha-function": "SIN",
 189           "time-period": {
 190             "delay": 0,
 191             "duration": 0.5
 192           },
 193           "timelineColor": "#83bcc5"
 194         },
 195         {
 196           "actor": "picture-2",
 197           "property": "position-x",
 198           "value": 0,
 199           "alpha-function": "LINEAR",
 200           "time-period": {
 201             "delay": 0.25,
 202             "duration": 0.25
 203           },
 204           "timelineColor": "#83bcc5"
 205         }
 206       ]
 207     },
 208     "Animation_3": {
 209       "properties": [
 210         {
 211           "actor": "selection-3",
 212           "property": "color-alpha",
 213           "value": 0.5,
 214           "alpha-function": "SIN",
 215           "time-period": {
 216             "delay": 0,
 217             "duration": 0.5
 218           },
 219           "timelineColor": "#83bcc5"
 220         },
 221         {
 222           "actor": "picture-3",
 223           "property": "position-x",
 224           "value": 0,
 225           "alpha-function": "LINEAR",
 226           "time-period": {
 227             "delay": 0.25,
 228             "duration": 0.25
 229           },
 230           "timelineColor": "#83bcc5"
 231         }
 232       ]
 233     },
 234     "Animation_4": {
 235       "properties": [
 236         {
 237           "actor": "selection-4",
 238           "property": "color-alpha",
 239           "value": 0.5,
 240           "alpha-function": "SIN",
 241           "time-period": {
 242             "delay": 0,
 243             "duration": 0.5
 244           },
 245           "timelineColor": "#83bcc5"
 246         },
 247         {
 248           "actor": "picture-4",
 249           "property": "position-x",
 250           "value": 0,
 251           "alpha-function": "LINEAR",
 252           "time-period": {
 253             "delay": 0.25,
 254             "duration": 0.25
 255           },
 256           "timelineColor": "#83bcc5"
 257         }
 258       ]
 259     },
 260     "Animation_5": {
 261       "properties": [
 262         {
 263           "actor": "selection-5",
 264           "property": "color-alpha",
 265           "value": 0.5,
 266           "alpha-function": "SIN",
 267           "time-period": {
 268             "delay": 0,
 269             "duration": 0.5
 270           },
 271           "timelineColor": "#83bcc5"
 272         },
 273         {
 274           "actor": "picture-5",
 275           "property": "position-x",
 276           "value": 0,
 277           "alpha-function": "LINEAR",
 278           "time-period": {
 279             "delay": 0.25,
 280             "duration": 0.25
 281           },
 282           "timelineColor": "#83bcc5"
 283         }
 284       ]
 285     },
 286     "BackAnimation": {
 287       "properties": [
 288         {
 289           "actor": "picture-1",
 290           "property": "position-x",
 291           "value": 450,
 292           "alpha-function": "LINEAR",
 293           "time-period": {
 294             "delay": 0,
 295             "duration": 0.25
 296           },
 297           "timelineColor": "#83bcc5"
 298         },
 299         {
 300           "actor": "picture-2",
 301           "property": "position-x",
 302           "value": 450,
 303           "alpha-function": "LINEAR",
 304           "time-period": {
 305             "delay": 0,
 306             "duration": 0.25
 307           },
 308           "timelineColor": "#83bcc5"
 309         },
 310         {
 311           "actor": "picture-3",
 312           "property": "position-x",
 313           "value": 450,
 314           "alpha-function": "LINEAR",
 315           "time-period": {
 316             "delay": 0,
 317             "duration": 0.25
 318           },
 319           "timelineColor": "#83bcc5"
 320         },
 321         {
 322           "actor": "picture-4",
 323           "property": "position-x",
 324           "value": 450,
 325           "alpha-function": "LINEAR",
 326           "time-period": {
 327             "delay": 0,
 328             "duration": 0.25
 329           },
 330           "timelineColor": "#83bcc5"
 331         },
 332         {
 333           "actor": "picture-5",
 334           "property": "position-x",
 335           "value": 450,
 336           "alpha-function": "LINEAR",
 337           "time-period": {
 338             "delay": 0,
 339             "duration": 0.25
 340           },
 341           "timelineColor": "#83bcc5"
 342         }
 343       ]
 344     }
 345   }
 346 }