
Demo.prototype.sceneIntro = function () {
  this.setScene('intro');



  this.loader.addAnimation([{
    image: {
      name: 'images/introbg.png'
    },
    perspective: '2d',
    position: [{
      x: () => 0,
      y: () => 0,
      z: 0
    }],
    angle: [{
      degreesZ: () => Math.sin(getSceneTimeFromStart()) * 5
    }],
    scale: [{ uniform2d: 1.2 }],
    color: [{
      r: .7,
      g: .7,
      b: .7

    }],

  }]);

  this.loader.addAnimation([{
    image: {
      name: 'images/intrologo.png'
    },
    perspective: '2d',
    position: [{
      x: () => 0,
      y: .1,
      z: 0
    }],
    angle: [{
      degreesZ: () => Math.sin(getSceneTimeFromStart()) * -4
    }],
    scale: [{ uniform2d: 1.1 }],
    material: { blending: 'NormalBlending', transparent: true, depthWrite: false },
  }]);

  this.loader.addAnimation([{
    image: {
      name: 'images/introname.png'
    },
    perspective: '2d',
    position: [{
      x: () => 0,
      y: -.3,
      z: 0
    }],
    angle: [{
      degreesZ: () => Math.sin(getSceneTimeFromStart()) * 3
    }],
    scale: [{ uniform2d: 1.1 }],
    material: { blending: 'NormalBlending', transparent: true, depthWrite: false },
  }]);

  this.loader.addAnimation([{
    image: {
      name: 'images/intro6.png'
    },
    perspective: '2d',
    position: [{
      x: -.07,
      y: ()=>.025*Math.sin(getSceneTimeFromStart()*3+3.14) + 0.085,
      z: 0
    }],

    scale: [{ uniform2d: 1.1 }],
    material: { blending: 'NormalBlending', transparent: true, depthWrite: false },
  }]);

    this.loader.addAnimation([{
    image: {
      name: 'images/intro7.png'
    },
    perspective: '2d',
    position: [{
      x: .07,
      y: ()=>.025*Math.sin(getSceneTimeFromStart()*3) + 0.085,
      z: 0
    }],

    scale: [{ uniform2d: 1.1 }],
    material: { blending: 'NormalBlending', transparent: true, depthWrite: false },
  }]);


};
