/*
 * Copyright (c) 2016 Samsung Electronics Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
{
  "stage": [
    // A TextLabel with a color background
    {
      "type": "TextLabel",
      "drawMode": "OVERLAY_2D",
      "text": "Hello World",
      "parentOrigin": "TOP_LEFT",
      "anchorPoint": "TOP_LEFT",
      "pointSize": 20,
      "horizontalAlignment": "CENTER",
      "verticalAlignment": "CENTER",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background":{
        "visualType": "COLOR",
        "mixColor": [ 0.8, 0, 0.2, 1 ]
       }
    },

    // A control with an SVG image
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "TOP_RIGHT",
      "anchorPoint": "TOP_RIGHT",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background": {
        "visualType": "IMAGE",
        "url": "{DEMO_IMAGE_DIR}Kid1.svg"
      }
    },

    // A control with a border
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "CENTER_LEFT",
      "anchorPoint": "CENTER_LEFT",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background": {
        "visualType" : "BORDER",
        "borderColor" : [ 0.5, 0.5, 0.5, 1 ],
        "borderSize" : 15.0
      }
    },

    // A control with a JPG image
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "CENTER_RIGHT",
      "anchorPoint": "CENTER_RIGHT",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background": {
        "visualType": "IMAGE",
        "url": "{DEMO_IMAGE_DIR}gallery-large-9.jpg"
      }
    },

    // A control with a yellow background
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "BOTTOM_LEFT",
      "anchorPoint": "BOTTOM_LEFT",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background":{
        "visualType": "COLOR",
        "mixColor": [ 1, 1, 0, 1 ]
      }
    },

    // A control with a gradient
    {
      "type": "Control",
      "relayoutEnabled": false,
      "parentOrigin": "BOTTOM_RIGHT",
      "anchorPoint": "BOTTOM_RIGHT",
      "widthResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "heightResizePolicy":"SIZE_RELATIVE_TO_PARENT",
      "sizeModeFactor": [ 0.5, 0.333333333333, 1 ],
      "background": {
        "visualType" : "GRADIENT",
        "startPosition" : [ -0.5, -0.5 ],
        "endPosition": [ 0.5, 0.5 ],
        "stopColor" : [
          [ 1.0, 0.0, 0.0, 1.0 ],
          [ 1.0, 0.25, 0.0, 1.0 ],
          [ 1.0, 0.5, 0.0, 1.0 ],
          [ 1.0, 0.75, 0.0, 1.0 ],
          [ 1.0, 1.0, 0.0, 1.0 ]
        ],
        "stopOffset" : [ 0, 0.25, 0.5, 0.75, 1.0 ]
       }
    }
  ]
}