# there are inconsistencies in the naming of the nicks of the
# properties: 

[
  {
    "id" : "animation",
    "type" : "ClutterTimeline",
    "num-frames" : 300,
    "fps" : 60,
    "loop" : true
  },
  {
    "id" : "root",
    "type" : "ClutterGroup",
    "x": 0,
    "y": 0
    "children" : [
      {
        "type": "ClutterLabel",
        "text": "Scale",
        "font-name": "Sans 30px",
        "visible":true,
        "x":50,
        "y":100,
        "behaviours" : [
            {
              "type"          : "ClutterBehaviourScale",
              "x-scale-start"   : 1.0,
              "x-scale-end"     : 0.5,
              "y-scale-start"   : 1.0,
              "y-scale-end"     : 0.5,
              "alpha"         : {"timeline"  : "animation", "function"  : "sine"}
            },
          ]
      },

      {
        "type": "ClutterLabel",
        "text": "Rotate",
        "font-name": "Sans 30px",
        "color": "blue",
        "visible":true,
        "x":250,
        "y":100,
        "behaviours" : [
            {
              "type"          : "ClutterBehaviourRotate",
              "angle-start"   : 0.0,
              "angle-end"     : 359.0,
              "alpha"         : {"timeline"  : "animation", "function"  : "sine"}
            },
          ]
      },
      {
        "type": "ClutterLabel",
        "text": "Opacity",
        "font-name": "Sans 30px",
        "visible":true,
        "x":400,
        "y":100,
        "behaviours" : [
            {
              "type"          : "ClutterBehaviourOpacity",
              "opacity-start" : 100,
              "opacity-end"   : 255,
              "alpha"         : {"timeline"  : "animation", "function"  : "sine"}
            }
          ]
      },
      {
        "type": "ClutterLabel",
        "text": "Depth",
        "font-name": "Sans 30px",
        "visible":true,
        "x":100,
        "y":200,
        "behaviours" : [
            {
              "type"          : "ClutterBehaviourDepth",
              "depth-start"   : 50,
              "depth-end"     : -1000, 
              "alpha"         : {"timeline"  : "animation", "function"  : "sine"}
            }
          ]
      } ,

      {
        "type": "ClutterLabel",
        "text": "Ellipse",
        "font-name": "Sans 30px",
        "visible":true,
        "wrap":false,
        "behaviours" : [
            {
              "type"       : "ClutterBehaviourEllipse",
              "center"     : [150, 200],
              "width"      : 100,
              "height"     : 100,
              "angle-start": 90.0,
              "angle-end"  : 180.0,
              "alpha"      : {"timeline"  : "animation", "function"  : "sine"}
            }
          ]
      },

      {
        "type": "ClutterLabel",
        "text": "Path",
        "font-name": "Sans 30px",
        "visible":true,
        "wrap":false,
        "behaviours" : [
            {
              "type"  : "ClutterBehaviourPath",
              "knots" : [[300, 200], [400,230], [300,150], [300,200]],
              "alpha" : {"timeline"  : "animation", "function"  : "sine-inc"}
            }
          ]
      },

      {
        "type": "ClutterLabel",
        "text": "BSpline",
        "font-name": "Sans 30px",
        "visible":true,
        "wrap":false,
        "behaviours" : [
            {
              "type"  : "ClutterBehaviourBSpline",
              "knots" : [[100, 300], [200,300], [300,300],
                         [400, 400], [450, 400], [450, 400],
                         [500, 400]],
              "alpha" : {"timeline"  : "animation", "function"  : "ramp-dec"}
            }
          ]
      }

    ]
  }
]