[
  {
    "id" : "main-timeline",
    "type" : "ClutterTimeline",
    "num-frames" : 600,
    "fps" : 60,
    "loop" : true
  },
  {
    "id"          : "rotate-behaviour",
    "type"        : "ClutterBehaviourRotate",
    "angle-start" : 0.0,
    "angle-end"   : 360.0,
    "axis"        : "y-axis",
    "alpha"       : {
      "timeline" : "main-timeline",
      "function" : "sine"
    }
  },
  {
    "id"            : "fade-behaviour",
    "type"          : "ClutterBehaviourOpacity",
    "opacity-start" : 255,
    "opacity-end"   : 0,
    "alpha"         : {
      "timeline" : "main-timeline",
      "function" : "ramp-inc"
    }
  },
  {
    "id" : "root",
    "type" : "ClutterGroup",
    "width" : 500,
    "height" : 200,
    "children" : [

      {
        "id" : "red-button",
        "type" : "ClutterRectangle",
        "color" : "#ff0000ff",
        "x" : 50,
        "y" : 50,
        "width" : 100,
        "height" : 100,
        "visible" : true,
      },
      {
        "id" : "green-button",
        "type" : "ClutterRectangle",
        "color" : "#00ff00ff",
        "x" : 200,
        "y" : 50,
        "width" : 100,
        "height" : 100,
        "visible" : true,
        "behaviours" : [ "fade-behaviour"]
      }, 
      {
        "id" : "red-hand",
        "type" : "ClutterTexture",
        "filename" : "redhand.png",
        "x" : 50,
        "y" : 50,
        "opacity" : 100,
        "visible" : true,
        "behaviours" : [ "rotate-behaviour", "fade-behaviour" ]
      }
    ]
  }
]