Demo.prototype.sceneOutro = function () {
  this.setScene('outro');
  this.loader.addAnimation([
    {
      image: {
        name: 'img/tex_milky_way.png'
      },
      perspective: '2d',
      color: [
        {
          r: () => Sync.get('BG:R'),
          g: () => Sync.get('BG:G'),
          b: () => Sync.get('BG:B')
        }
      ],
      scale: [{ uniform2d: ()=> Math.abs(Math.sin(getSceneTimeFromStart()*.05) + 1.12) }],
      position: [{
        x: 0,
        y: 0,
        z: -201
      }],
    }
  ]);
  this.loader.addAnimation({
    light: {
      type: "Ambient",
      properties: { intensity: 3.0 },
      castShadow: false
    }
    , "color": [{
      "r": 0.8, "g": 0.8, "b": 0.8
    }]
  });

  this.loader.addAnimation({
    light: {
      type: "Directional",
      properties: { intensity: 6.0 },
      castShadow: true
    }
    , "color": [{
      "r": 0.8, "g": 0.8, "b": 0.8
    }]
    , position: [{
      x: .5,
      y: .25,
      z: .8
    }]

  });


  this.loader.addAnimation({
    light: {
      type: "Directional",
      properties: { intensity: 3.0 },
      castShadow: true
    }
    , "color": [{
      "r": 0.8, "g": 0.8, "b": 0.8
    }]
    , position: [{
      x: -.5,
      y: -.25,
      z: .8
    }]

  });

  this.loader.addAnimation([
    {
      image: {
        name: 'img/tex_boat.png'
      },
      perspective: '3d',
      position: [
        {
          x:-5.0,
          y:-9,
          z:-10
        },
        {
          duration: 60,
          x: 20
        }

      ],
      angle: [{ degreesZ: ()=>Math.sin(getSceneTimeFromStart()*2.0)*4+2}],
      scale: [{ uniform2d: 2.0 }],
      color: [{r:0.25,g:0.25,b:0.25,a:0.9}],
      "material": {
        "blending": 'NormalBlending',
        "transparent": true,
        "depthWrite": false,
      },
    }
  ]);

  this.loader.addAnimation([
    {
      image: {
        name: 'img/tex_nuke.png'
      },
      perspective: '3d',
      scale: [{ uniform2d: 4.0 }],
      position: [{
        x: () => Sync.get('Outro:EarthNukeX'),
        y: () => Sync.get('Outro:EarthY') + Sync.get('Outro:EarthNukeY'),
        z: -6
      }],
      color: [{ a: () => Sync.get('Outro:EarthNukeAlpha') }],
      "material": {
        "blending": 'NormalBlending',
        "transparent": true,
        "depthWrite": false,
      },
      shader: {
        name: 'scenes/intro/nuke.fs'
      }
    }
  ]);

  this.loader.addAnimation([{
    object: {
      "name": "obj/earth.obj"
    }
    , position: [{
      x: 0,
      y: () => Sync.get('Outro:EarthY'),
      z: -6
    }]
    , scale: [{ "uniform3d": 1 }]
    , angle: [{
      degreesY: () => (40 * Sync.get('Outro:EarthRotation')),

    }]
  }]);

  this.loader.addAnimation([{
    object: {
      "name": "obj/peaceaward.obj"
    }
    , position: [{
      x: 0,
      y: () => Sync.get('Outro:AwardY'),
      z: -6
    }]
    , scale: [{ "uniform3d": 1. }]
    , angle: [{
      degreesY: () => (40 * Sync.get('Outro:AwardRotation')),

    }],
    material: {
      type: 'Standard',
      map: '_embedded/defaultWhite.png',
      envMap: {
        name:'img/goldenv.png',
        textureProperties: {
          mapping: 'EquirectangularReflectionMapping',
        }
      },
      roughness: 0.1,
      metalness: 0.8
    },
  }]);

};

