cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              body{
  margin:0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

            
          
!
            
              // Variable for falling leaves
var spriteArray = [];

// Variables for parrot cursor
var maxCount = 40;
var count = 0;
var sprites, sprite;
var allGraphics;

var background;
var spriteIndex = 0;

// PARROTS PARROTS PARROTS PARROTS PARROTS //

// Parrot #1
        function addGraphic(PIXI, input){

            sprite = new PIXI.Sprite(allGraphics[spriteIndex] );

            sprite.alpha = 0.5;

            sprite.anchor.set(0.5);
            sprite.scale.set(0.4, 0.4);

            sprite.x = input.width/2;
            sprite.y = input.height/2;

            if( input.mouseTouchPosition.x != 0 &&  input.mouseTouchPosition.y != 0){
                sprite.x = input.mouseTouchPosition.x;
                sprite.y = input.mouseTouchPosition.y;
            }

            if(input.container.children[count])
                input.container.removeChildAt(count);

            input.container.addChildAt(sprite, count);

            if(count >= maxCount) {
                count = 0
            } else {
                count++;
            };

        };

// Parrot #2
        function addMirrorGraphic(PIXI, input){

            sprite = new PIXI.Sprite(allGraphics[spriteIndex] );

            sprite.alpha = 0.5;

            sprite.anchor.set(0.5);
            sprite.scale.set(0.4, -0.4);

            sprite.x = input.width/2;
            sprite.y = input.height/2;

            if( input.mouseTouchPosition.x != 0 &&  input.mouseTouchPosition.y != 0){
                //sprite.x = input.width - input.mouseTouchPosition.x;
                //sprite.y = input.mouseTouchPosition.y;
                sprite.x = input.mouseTouchPosition.x;
                sprite.y = input.height - input.mouseTouchPosition.y;
            }

            if(input.container.children[count])
                input.container.removeChildAt(count);

            input.container.addChildAt(sprite, count);

            if(count >= maxCount) {
                count = 0
            } else {
                count++;
            };

        };

// Parrot #3
 function addMirrorGraphic2(PIXI, input){

            sprite = new PIXI.Sprite(allGraphics[spriteIndex]);

            sprite.alpha = 0.5;

            sprite.anchor.set(0.5);
            sprite.scale.set(-0.4, 0.4);

            sprite.x = input.width/2;
            sprite.y = input.height/2;

            if( input.mouseTouchPosition.x != 0 &&  input.mouseTouchPosition.y != 0){
                //sprite.x = input.width - input.mouseTouchPosition.x;
                //sprite.y = input.mouseTouchPosition.y;
                sprite.x = input.width - input.mouseTouchPosition.x;
                sprite.y = input.mouseTouchPosition.y;
            }

            if(input.container.children[count])
                input.container.removeChildAt(count);

            input.container.addChildAt(sprite, count);

            if(count >= maxCount) {
                count = 0
            } else {
                count++;
            };

        };

// Parrot #4
 function addMirrorGraphic3(PIXI, input){

            sprite = new PIXI.Sprite(allGraphics[spriteIndex]);

            sprite.alpha = 0.5;

            sprite.anchor.set(0.5);
            sprite.scale.set(-0.4, -0.4);

            sprite.x = input.width/2;
            sprite.y = input.height/2;

            if( input.mouseTouchPosition.x != 0 &&  input.mouseTouchPosition.y != 0){
                //sprite.x = input.width - input.mouseTouchPosition.x;
                //sprite.y = input.mouseTouchPosition.y;
                sprite.x = input.width - input.mouseTouchPosition.x;
                sprite.y = input.height - input.mouseTouchPosition.y;
            }

            if(input.container.children[count])
                input.container.removeChildAt(count);

            input.container.addChildAt(sprite, count);

            if(count >= maxCount) {
                count = 0
            } else {
                count++;
            };

        };

// BACK BACK BACK BACK BACK //

SPF.set({

  at: 'back', // You can use 'back', 'mid' and 'fore'

  load: function(PIXI, input) {
    // Use this to preload assets (optional)
    return [input.patterns.botanicorganic4];
  },

  init: function(PIXI, input) {
      background = new PIXI.extras.TilingSprite(input.patterns.botanicorganic4, 1, 1);
                background.anchor.set(0);
                input.container.addChild(background);
  },

  render: function(PIXI, input) {
    // Changing background to the beat
    // We check if the song is within the first 5 seconds
    
    if (input.currentTime == null || input.currentTime <= 10000) {
      
      // Get the frequency 100
      var v = input.audio.frequencies()[100];

      // Set the alpha of the square background as the
      // frequency divided by 200
      background.alpha = v / 200;
        
    } else {
      
      background.clear();
    
      background.beginFill(input.colors[2]);
      
      background.drawRect(0, 0, input.width, input.height);
    
      background.endFill();
      
    }
  },

  resize: function(PIXI, input) {

                var w =  input.width;
                var h =  input.height;

                background.width = w;
                background.height = h;

            }

});

// MID MID MID MID MID //

SPF.set({

  at: 'mid', // You can use 'back', 'mid' and 'fore'

  load: function(PIXI, input) {
    // Use this to preload assets (optional)
    return [];
  },

  init: function(PIXI, input) {
     // Placing leaves
  /*
  var leavetest;
    leavetest = new PIXI.Sprite(input.graphics.leaf1);
    input.container.addChild(leavetest);

              leavetest.alpha = 1;

              var isLeave1 = true;

              leavetest.interactive = true;
              leavetest.on('mousedown', function() {
                if (isLeave1 == true) {
                  leavetest.texture = input.graphics.bbbbird1;
                  isLeave1 = false;
                } else {
                  leavetest.texture = input.graphics.leaf1;
                  isLeave1 = true;
                }
              });
              */
  },

  render: function(PIXI, input) {
    //  This is called on every frame, put your animation here
  }

});

// FORE FORE FORE FORE FORE //

SPF.set({

  at: 'fore', // You can use 'back', 'mid' and 'fore'

   load: function(PIXI, input) {

                allGraphics = [ input.graphics.crazyflower3, input.graphics.bbbbird1, input.graphics.leaf2, input.graphics.crazyflower2, input.graphics.flower1, input.graphics.crazyflower1, input.graphics.wingwave];

                return allGraphics

            },

  init: function(PIXI, input) {

  //Rotating leaves
    var leaves;

    // We loop 400 times
    for (var i = 0; i < 400; i++) {

      // Create a new sprite
      leaves = new PIXI.Sprite(input.graphics.crazyflower1);

      // Set position randomly on the screen
      leaves.x = Math.random() * input.width;
      leaves.y = Math.random() * input.height;

      // Set rotation randomly
      leaves.rotation = Math.random() * 360;

      // Set center point of each object
      leaves.anchor.x = 0.5;
      leaves.anchor.y = 0.5;

      // Random scale from 0 to 50%
      leaves.scale.x = leaves.scale.y = Math.random() * 0.5;

      // Add sprite to the container (so we can see it)
      input.container.addChild(leaves);

      // Add sprite reference to the array variable
      spriteArray.push(leaves);

    }
    //Text - band name

text = new PIXI.Text('SCARLET PLEASURE', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text.anchor.set(0.5);

 input.container.addChild(text);

 //Text II

textII = new PIXI.Text('A WISE ONE TOLD ME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    textII.anchor.set(0.5);

 input.container.addChild(textII);

    //Text 3

text3 = new PIXI.Text('TO CARRY CARRY ON', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text3.anchor.set(0.5);

 input.container.addChild(text3);

     //Text 4

text4 = new PIXI.Text('SOME SAY IT’S EARLY', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text4.anchor.set(0.5);

 input.container.addChild(text4);

       //Text 5

text5 = new PIXI.Text('SOME STAY UP TILL THE DAWN', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text5.anchor.set(0.5);

 input.container.addChild(text5);

    //Text 6

text6 = new PIXI.Text('I WOULD STAY BUSY WORKING 9 TO 5', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text6.anchor.set(0.5);

 input.container.addChild(text6);

    //Text 7

text7 = new PIXI.Text('I WOULD STAY BUSY', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text7.anchor.set(0.5);

 input.container.addChild(text7);

    //Text 8

text8 = new PIXI.Text('WE GONNA BE ALRIGHT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text8.anchor.set(0.5);

 input.container.addChild(text8);

    //Text 9

text9 = new PIXI.Text('YOU JUST REMEMBER', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text9.anchor.set(0.5);

 input.container.addChild(text9);

    //Text 10

text10 = new PIXI.Text('TO CARRY CARRY ON', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text10.anchor.set(0.5);

 input.container.addChild(text10);

    //Text 11
text11 = new PIXI.Text('STEP INTO THE NIGHT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text11.anchor.set(0.5);

input.container.addChild(text11);

    //Text 12
text12 = new PIXI.Text('FALL DOWN', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text12.anchor.set(0.5);

input.container.addChild(text12);

    //Text 13
text13 = new PIXI.Text('YOU CAN CATCH ME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text13.anchor.set(0.5);

input.container.addChild(text13);

    //Text 14
text14 = new PIXI.Text('WHERE THERE’S LOVE TO BE FOUND', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text14.anchor.set(0.5);

input.container.addChild(text14);

    //Text 15
text15 = new PIXI.Text('YOU KNOW WHERE THERE’S LOVE', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text15.anchor.set(0.5);

input.container.addChild(text15);

    //Text 16
text16 = new PIXI.Text('THERE IS A HOME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text16.anchor.set(0.5);

input.container.addChild(text16);

    //Text 17
text17 = new PIXI.Text('DON’T SCREAM AND SHOUT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text17.anchor.set(0.5);

input.container.addChild(text17);

    //Text 18
text18 = new PIXI.Text('DON’T MAKE A DOUBT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text18.anchor.set(0.5);

input.container.addChild(text18);

    //Text 19
text19 = new PIXI.Text('WE’LL RIDE IT OUT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text19.anchor.set(0.5);

input.container.addChild(text19);

    //Text 20
text20 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text20.anchor.set(0.5);

input.container.addChild(text20);

    //Text 21
text21 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text21.anchor.set(0.5);

input.container.addChild(text21);

    //Text 22
text22 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text22.anchor.set(0.5);

input.container.addChild(text22);

    //Text 23
text23 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text23.anchor.set(0.5);

input.container.addChild(text23);

    //Text 24

text24 = new PIXI.Text('A WISE ONE TOLD ME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text24.anchor.set(0.5);

 input.container.addChild(text24);

    //Text 25

text25 = new PIXI.Text('TO CARRY CARRY ON', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text25.anchor.set(0.5);

 input.container.addChild(text25);

     //Text 26

text26 = new PIXI.Text('SOME SAY IT’S EARLY', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text26.anchor.set(0.5);

 input.container.addChild(text26);

       //Text 27

text27 = new PIXI.Text('SOME STAY UP TILL THE DAWN', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text27.anchor.set(0.5);

 input.container.addChild(text27);

    //Text 28

text28 = new PIXI.Text('I WOULD STAY BUSY WORKING 9 TO 5', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text28.anchor.set(0.5);

 input.container.addChild(text28);

    //Text 29

text29 = new PIXI.Text('I WOULD STAY BUSY', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text29.anchor.set(0.5);

 input.container.addChild(text29);

    //Text 30

text30 = new PIXI.Text('WE GONNA BE ALRIGHT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text30.anchor.set(0.5);

 input.container.addChild(text30);

    //Text 31

text31 = new PIXI.Text('YOU JUST REMEMBER', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text31.anchor.set(0.5);

 input.container.addChild(text31);

    //Text 32

text32 = new PIXI.Text('TO CARRY CARRY ON', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text32.anchor.set(0.5);

 input.container.addChild(text32);
    
    //Text 33

text33 = new PIXI.Text('STEP INTO THE NIGHT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text33.anchor.set(0.5);

 input.container.addChild(text33);
    
    //Text 34

text34 = new PIXI.Text('FALL DOWN', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text34.anchor.set(0.5);

 input.container.addChild(text34);
    
    //Text 35

text35 = new PIXI.Text('YOU CAN CATCH ME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

    text35.anchor.set(0.5);

 input.container.addChild(text35);

    //Text 36
text36 = new PIXI.Text('WHERE THERE’S LOVE TO BE FOUND', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text36.anchor.set(0.5);

input.container.addChild(text36);

    //Text 37
text37 = new PIXI.Text('YOU KNOW WHERE THERE’S LOVE', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text37.anchor.set(0.5);

input.container.addChild(text37);

    //Text 38
text38 = new PIXI.Text('THERE IS A HOME', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text38.anchor.set(0.5);

input.container.addChild(text38);

    //Text 39
text39 = new PIXI.Text('DON’T SCREAM AND SHOUT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text39.anchor.set(0.5);

input.container.addChild(text39);

    //Text 40
text40 = new PIXI.Text('DON’T MAKE A DOUBT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text40.anchor.set(0.5);

input.container.addChild(text40);

    //Text 41
text41 = new PIXI.Text('WE’LL RIDE IT OUT', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text41.anchor.set(0.5);

input.container.addChild(text41);
    
    //Text 42
text42 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text42.anchor.set(0.5);

input.container.addChild(text42);
    
    //Text 43
text43 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text43.anchor.set(0.5);

input.container.addChild(text43);
    
    //Text 44
text44 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text44.anchor.set(0.5);

input.container.addChild(text44);
    
    //Text 45
text45 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text45.anchor.set(0.5);

input.container.addChild(text45);
    
    //Text 46
text46 = new PIXI.Text('WHEN WE ALL WAKE UP', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text46.anchor.set(0.5);

input.container.addChild(text46);
    
    //Text 47
text47 = new PIXI.Text('HOPES AND DREAMS', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text47.anchor.set(0.5);

input.container.addChild(text47);
    
    //Text 48
text48 = new PIXI.Text('FEW JUST SEEM PROMISING', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text48.anchor.set(0.5);

input.container.addChild(text48);
    
    //Text 49
text49 = new PIXI.Text('FOLLOWING THE SUN', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text49.anchor.set(0.5);

input.container.addChild(text49);
    
    //Text 50
text50 = new PIXI.Text('OH WE USED TO BE SO BRAVE', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text50.anchor.set(0.5);

input.container.addChild(text50);
    
    //Text 51
text51 = new PIXI.Text('SO LET’S FADE INTO', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text51.anchor.set(0.5);

input.container.addChild(text51);
    
    //Text 52
text52 = new PIXI.Text('RIDE INTO', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text52.anchor.set(0.5);

input.container.addChild(text52);
    
    //Text 53
text53 = new PIXI.Text('THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text53.anchor.set(0.5);

input.container.addChild(text53);
    
    //Text 54
text54 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text54.anchor.set(0.5);

input.container.addChild(text54);
    
    //Text 55
text55 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text55.anchor.set(0.5);

input.container.addChild(text55);
    
    //Text 56
text56 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text56.anchor.set(0.5);

input.container.addChild(text56);
    
    //Text 57
text57 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text57.anchor.set(0.5);

input.container.addChild(text57);
    
    //Text 58
text58 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text58.anchor.set(0.5);

input.container.addChild(text58);
    
    //Text 59
text59 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text59.anchor.set(0.5);

input.container.addChild(text59);
    
    //Text 56
text60 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (UH UH UH)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text60.anchor.set(0.5);

input.container.addChild(text60);
    
    //Text 61
text61 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text61.anchor.set(0.5);

input.container.addChild(text61);
    
    //Text 62
text62 = new PIXI.Text('WE’RE GONNA RIDE THE WAVE (HEY)', {fontFamily : 'Arial Black', fontSize: 100, fill :[0xffffff], align : 'center'});

text62.anchor.set(0.5);

input.container.addChild(text62);
    
  },

  resize: function(PIXI, input) {

    text.position.set(input.width/2, input.height/2);
                text.style.fontSize = input.width/22;

    textII.position.set(input.width/2, input.height - 110);
                textII.style.fontSize = input.width/32;

    text3.position.set(input.width/2, input.height - 110);
                text3.style.fontSize = input.width/32;

     text4.position.set(input.width/2, input.height - 110);
                text4.style.fontSize = input.width/32;

    text5.position.set(input.width/2, input.height - 110);
                text5.style.fontSize = input.width/32;

     text6.position.set(input.width/2, input.height - 110);
                text6.style.fontSize = input.width/32;

    text7.position.set(input.width/2, input.height - 110);
                text7.style.fontSize = input.width/32;

    text8.position.set(input.width/2, input.height - 110);
                text8.style.fontSize = input.width/32;

    text9.position.set(input.width/2, input.height - 110);
                text9.style.fontSize = input.width/32;

     text10.position.set(input.width/2, input.height - 110);
                text10.style.fontSize = input.width/32;

     text11.position.set(input.width/2, input.height - 110);
                text11.style.fontSize = input.width/32;

     text12.position.set(input.width/2, input.height - 110);
                text12.style.fontSize = input.width/32;

    text13.position.set(input.width/2, input.height - 110);
                text13.style.fontSize = input.width/32;

    text14.position.set(input.width/2, input.height - 110);
                text14.style.fontSize = input.width/32;

    text15.position.set(input.width/2, input.height - 110);
                text15.style.fontSize = input.width/32;

    text16.position.set(input.width/2, input.height - 110);
                text16.style.fontSize = input.width/32;

    text17.position.set(input.width/2, input.height - 110);
                text17.style.fontSize = input.width/32;

    text18.position.set(input.width/2, input.height - 110);
                text18.style.fontSize = input.width/32;

    text19.position.set(input.width/2, input.height - 110);
                text19.style.fontSize = input.width/32;

    text20.position.set(input.width/2, input.height - 110);
                text20.style.fontSize = input.width/32;

    text21.position.set(input.width/2, input.height - 110);
                text21.style.fontSize = input.width/32;

    text22.position.set(input.width/2, input.height - 110);
                text22.style.fontSize = input.width/32;

    text23.position.set(input.width/2, input.height - 110);
                text23.style.fontSize = input.width/32;

    text24.position.set(input.width/2, input.height - 110);
                text24.style.fontSize = input.width/32;

    text25.position.set(input.width/2, input.height - 110);
                text25.style.fontSize = input.width/32;

    text26.position.set(input.width/2, input.height - 110);
                text26.style.fontSize = input.width/32;

    text27.position.set(input.width/2, input.height - 110);
                text27.style.fontSize = input.width/32;

    text28.position.set(input.width/2, input.height - 110);
                text28.style.fontSize = input.width/32;

    text29.position.set(input.width/2, input.height - 110);
                text29.style.fontSize = input.width/32;

    text30.position.set(input.width/2, input.height - 110);
                text30.style.fontSize = input.width/32;

    text31.position.set(input.width/2, input.height - 110);
                text31.style.fontSize = input.width/32;

    text32.position.set(input.width/2, input.height - 110);
                text32.style.fontSize = input.width/32;
    
    text33.position.set(input.width/2, input.height - 110);
                text33.style.fontSize = input.width/32;
    
    text34.position.set(input.width/2, input.height - 110);
                text34.style.fontSize = input.width/32;
    
    text35.position.set(input.width/2, input.height - 110);
                text35.style.fontSize = input.width/32;
    
    text36.position.set(input.width/2, input.height - 110);
                text36.style.fontSize = input.width/32;
    
    text37.position.set(input.width/2, input.height - 110);
                text37.style.fontSize = input.width/32;
    
    text38.position.set(input.width/2, input.height - 110);
                text38.style.fontSize = input.width/32;
    
    text39.position.set(input.width/2, input.height - 110);
                text39.style.fontSize = input.width/32;
    
    text40.position.set(input.width/2, input.height - 110);
                text40.style.fontSize = input.width/32;
    
    text41.position.set(input.width/2, input.height - 110);
                text41.style.fontSize = input.width/32;
    
    text42.position.set(input.width/2, input.height - 110);
                text42.style.fontSize = input.width/32;
    
    text43.position.set(input.width/2, input.height - 110);
                text43.style.fontSize = input.width/32;
    
    text44.position.set(input.width/2, input.height - 110);
                text44.style.fontSize = input.width/32;
    
    text45.position.set(input.width/2, input.height - 110);
                text45.style.fontSize = input.width/32;
    
    text46.position.set(input.width/2, input.height - 110);
                text46.style.fontSize = input.width/32;
    
    text47.position.set(input.width/2, input.height - 110);
                text47.style.fontSize = input.width/32;
    
    text48.position.set(input.width/2, input.height - 110);
                text48.style.fontSize = input.width/32;
    
    text49.position.set(input.width/2, input.height - 110);
                text49.style.fontSize = input.width/32;
    
    text50.position.set(input.width/2, input.height - 110);
                text50.style.fontSize = input.width/32;
    
    text51.position.set(input.width/2, input.height - 110);
                text51.style.fontSize = input.width/32;
    
    text52.position.set(input.width/2, input.height - 110);
                text52.style.fontSize = input.width/32;
    
    text53.position.set(input.width/2, input.height - 110);
                text53.style.fontSize = input.width/32;
    
    text54.position.set(input.width/2, input.height - 110);
                text54.style.fontSize = input.width/32;
    
    text55.position.set(input.width/2, input.height - 110);
                text55.style.fontSize = input.width/32;
    
    text56.position.set(input.width/2, input.height - 110);
                text56.style.fontSize = input.width/32;
    
     text57.position.set(input.width/2, input.height - 110);
                text57.style.fontSize = input.width/32;
    
     text58.position.set(input.width/2, input.height - 110);
                text58.style.fontSize = input.width/32;
    
     text59.position.set(input.width/2, input.height - 110);
                text59.style.fontSize = input.width/32;
    
     text60.position.set(input.width/2, input.height - 110);
                text60.style.fontSize = input.width/32;
    
     text61.position.set(input.width/2, input.height - 110);
                text61.style.fontSize = input.width/32;
    
     text62.position.set(input.width/2, input.height - 110);
                text62.style.fontSize = input.width/32;
    
  },

  render: function(PIXI, input) {
    // Parrot

    addGraphic(PIXI, input);
    addMirrorGraphic(PIXI, input);
    addMirrorGraphic2(PIXI, input);
    addMirrorGraphic3(PIXI, input);

    // We make a variable to save each element of the array
    var mySprite;

    // Loop all the sprites in the array
    for (var i = 1; i <= spriteArray.length; i++) {

      // Get a reference of each sprite
      mySprite = spriteArray[i - 1];

      // Blade if-statement
      if (input.currentTime == null || input.currentTime >= 3) {
      // X position gets 20% of i added
      mySprite.y += i * 0.01 + 5;

      }

      // Tekst if-statement
       if (input.currentTime == null || input.currentTime <= 3.8) {

        // Tekst er synlig de første 2 sekunder
        text.alpha = 1;
      }else {
        // ELler gør tekst gennemsigtig efter 2 sekunder
         text.alpha = 0;
      }

      // TekstII if-statement appear
       if (input.currentTime == null || input.currentTime >= 5.5) {
        textII.alpha = 1;
      }else {
         textII.alpha = 0;
      }

       // TekstII if-statement disappear
       if (input.currentTime == null || input.currentTime >= 7.5) {
        textII.alpha = 0;
      }

      // Tekst3 appear
       if (input.currentTime == null || input.currentTime >= 9.5) {
        // TekstII er synlig de første 2 sekunder
        text3.alpha = 1;
      }else {
         text3.alpha = 0;
      }

      // Tekst3 disappear
       if (input.currentTime == null || input.currentTime >= 11.4) {
        // TekstII er synlig de første 2 sekunder
        text3.alpha = 0;
      }

      // Tekst4 appear
       if (input.currentTime == null || input.currentTime >= 14) {
        // TekstII er synlig de første 2 sekunder
        text4.alpha = 1;
      }else {
         text4.alpha = 0;
      }

      // Tekst4 disappear
       if (input.currentTime == null || input.currentTime >= 16) {
        // TekstII er synlig de første 2 sekunder
        text4.alpha = 0;
      }

      // Tekst5 appear
       if (input.currentTime == null || input.currentTime >= 18) {
        // TekstII er synlig de første 2 sekunder
        text5.alpha = 1;
      }else {
         text5.alpha = 0;
      }

      // Tekst5 disappear
       if (input.currentTime == null || input.currentTime >= 20) {
        // TekstII er synlig de første 2 sekunder
        text5.alpha = 0;
      }

      // Tekst6 appear
       if (input.currentTime == null || input.currentTime >= 22) {
        // TekstII er synlig de første 2 sekunder
        text6.alpha = 1;
      }else {
         text6.alpha = 0;
      }

      // Tekst6 disappear
       if (input.currentTime == null || input.currentTime >= 26) {
        // TekstII er synlig de første 2 sekunder
        text6.alpha = 0;
      }

      // Tekst7 appear
       if (input.currentTime == null || input.currentTime >= 26.5) {
        text7.alpha = 1;
      }else {
         text7.alpha = 0;
      }

      // Tekst7 disappear
       if (input.currentTime == null || input.currentTime >= 28) {
        text7.alpha = 0;
      }

      // Tekst8 appear
       if (input.currentTime == null || input.currentTime >= 28) {
        text8.alpha = 1;
      }else {
         text8.alpha = 0;
      }

      // Tekst8 disappear
       if (input.currentTime == null || input.currentTime >= 31) {
        text8.alpha = 0;
      }

       // Tekst9 appear
       if (input.currentTime == null || input.currentTime >= 31) {
        text9.alpha = 1;
      }else {
         text9.alpha = 0;
      }

      // Tekst9 disappear
       if (input.currentTime == null || input.currentTime >= 33) {
        text9.alpha = 0;
      }

       // Tekst10 appear
       if (input.currentTime == null || input.currentTime >= 35) {
        text10.alpha = 1;
      }else {
         text10.alpha = 0;
      }

      // Tekst10 disappear
       if (input.currentTime == null || input.currentTime >= 37) {
        text10.alpha = 0;
      }

      // Tekst11 appear
       if (input.currentTime == null || input.currentTime >= 39.5) {
        text11.alpha = 1;
      }else {
         text11.alpha = 0;
      }

      // Tekst11 disappear
       if (input.currentTime == null || input.currentTime >= 41) {
        text11.alpha = 0;
      }

      // Tekst12 appear
       if (input.currentTime == null || input.currentTime >= 41) {
        text12.alpha = 1;
      }else {
         text12.alpha = 0;
      }

      // Tekst12 disappear
       if (input.currentTime == null || input.currentTime >= 43) {
        text12.alpha = 0;
      }

      // Tekst13 appear
       if (input.currentTime == null || input.currentTime >= 43) {
        text13.alpha = 1;
      }else {
         text13.alpha = 0;
      }

      // Tekst13 disappear
       if (input.currentTime == null || input.currentTime >= 44.5) {
        text13.alpha = 0;
      }

      // Tekst14 appear
       if (input.currentTime == null || input.currentTime >= 44.5) {
        text14.alpha = 1;
      }else {
         text14.alpha = 0;
      }

      // Tekst14 disappear
       if (input.currentTime == null || input.currentTime >= 48) {
        text14.alpha = 0;
      }

      // Tekst15 appear
       if (input.currentTime == null || input.currentTime >= 48) {
        text15.alpha = 1;
      }else {
         text15.alpha = 0;
      }

      // Tekst15 disappear
       if (input.currentTime == null || input.currentTime >= 50) {
        text15.alpha = 0;
      }

      // Tekst16 appear
       if (input.currentTime == null || input.currentTime >= 50) {
        text16.alpha = 1;
      }else {
         text16.alpha = 0;
      }

      // Tekst16 disappear
       if (input.currentTime == null || input.currentTime >= 52) {
        text16.alpha = 0;
      }

      // Tekst17 appear
       if (input.currentTime == null || input.currentTime >= 53) {
        text17.alpha = 1;
      }else {
         text17.alpha = 0;
      }

      // Tekst17 disappear
       if (input.currentTime == null || input.currentTime >= 54) {
        text17.alpha = 0;
      }

      // Tekst18 appear
       if (input.currentTime == null || input.currentTime >= 54) {
        text18.alpha = 1;
      }else {
         text18.alpha = 0;
      }

      // Tekst18 disappear
       if (input.currentTime == null || input.currentTime >= 55) {
        text18.alpha = 0;
      }

      // Tekst19 appear
       if (input.currentTime == null || input.currentTime >= 55) {
        text19.alpha = 1;
      }else {
         text19.alpha = 0;
      }

      // Tekst19 disappear
       if (input.currentTime == null || input.currentTime >= 56) {
        text19.alpha = 0;
      }

      // Tekst20 appear
       if (input.currentTime == null || input.currentTime >= 57) {
        text20.alpha = 1;
      }else {
         text20.alpha = 0;
      }

      // Tekst20 disappear
       if (input.currentTime == null || input.currentTime >= 60) {
        text20.alpha = 0;
      }

      // Tekst21 appear
       if (input.currentTime == null || input.currentTime >= 61) {
        text21.alpha = 1;
      }else {
         text21.alpha = 0;
      }

      // Tekst21 disappear
       if (input.currentTime == null || input.currentTime >= 64) {
        text21.alpha = 0;
      }

      // Tekst22 appear
       if (input.currentTime == null || input.currentTime >= 65.5) {
        text22.alpha = 1;
      }else {
         text22.alpha = 0;
      }

      // Tekst22 disappear
       if (input.currentTime == null || input.currentTime >= 68.5) {
        text22.alpha = 0;
      }

      // Tekst23 appear
       if (input.currentTime == null || input.currentTime >= 70) {
        text23.alpha = 1;
      }else {
         text23.alpha = 0;
      }

      // Tekst23 disappear
       if (input.currentTime == null || input.currentTime >= 72.5) {
        text23.alpha = 0;
      }

      // Tekst24 appear
       if (input.currentTime == null || input.currentTime >= 74) {
        text24.alpha = 1;
      }else {
         text24.alpha = 0;
      }

      // Tekst24 disappear
       if (input.currentTime == null || input.currentTime >= 77) {
        text24.alpha = 0;
      }

      // Tekst25 appear
       if (input.currentTime == null || input.currentTime >= 78) {
        text25.alpha = 1;
      }else {
         text25.alpha = 0;
      }

      // Tekst25 disappear
       if (input.currentTime == null || input.currentTime >= 80) {
        text25.alpha = 0;
      }

      // Tekst26 appear
       if (input.currentTime == null || input.currentTime >= 82.3) {
        text26.alpha = 1;
      }else {
         text26.alpha = 0;
      }

      // Tekst26 disappear
       if (input.currentTime == null || input.currentTime >= 85.5) {
        text26.alpha = 0;
      }

      // Tekst27 appear
       if (input.currentTime == null || input.currentTime >= 86.5) {
        text27.alpha = 1;
      }else {
         text27.alpha = 0;
      }

      // Tekst27 disappear
       if (input.currentTime == null || input.currentTime >= 88.5) {
        text27.alpha = 0;
      }

      // Tekst28 appear
       if (input.currentTime == null || input.currentTime >= 91) {
        text28.alpha = 1;
      }else {
         text28.alpha = 0;
      }

      // Tekst28 disappear
       if (input.currentTime == null || input.currentTime >= 94.5) {
        text28.alpha = 0;
      }

      // Tekst29 appear
       if (input.currentTime == null || input.currentTime >= 95) {
        text29.alpha = 1;
      }else {
         text29.alpha = 0;
      }

      // Tekst29 disappear
       if (input.currentTime == null || input.currentTime >= 96.5) {
        text29.alpha = 0;
      }

      // Tekst30 appear
       if (input.currentTime == null || input.currentTime >= 97) {
        text30.alpha = 1;
      }else {
         text30.alpha = 0;
      }

      // Tekst30 disappear
       if (input.currentTime == null || input.currentTime >= 99) {
        text30.alpha = 0;
      }

      // Tekst31 appear
       if (input.currentTime == null || input.currentTime >= 100) {
        text31.alpha = 1;
      }else {
         text31.alpha = 0;
      }

      // Tekst31 disappear
       if (input.currentTime == null || input.currentTime >= 103.5) {
        text31.alpha = 0;
      }

      // Tekst32 appear
       if (input.currentTime == null || input.currentTime >= 103.8) {
        text32.alpha = 1;
      }else {
         text32.alpha = 0;
      }

      // Tekst32 disappear
       if (input.currentTime == null || input.currentTime >= 106) {
        text32.alpha = 0;
      }
      
      // Tekst33 appear
       if (input.currentTime == null || input.currentTime >= 108) {
        text33.alpha = 1;
      }else {
         text33.alpha = 0;
      }

      // Tekst33 disappear
       if (input.currentTime == null || input.currentTime >= 110) {
        text33.alpha = 0;
      }
      
      // Tekst34 appear
       if (input.currentTime == null || input.currentTime >= 110) {
        text34.alpha = 1;
      }else {
         text34.alpha = 0;
      }

      // Tekst34 disappear
       if (input.currentTime == null || input.currentTime >= 112) {
        text34.alpha = 0;
      }
      
      // Tekst35 appear
       if (input.currentTime == null || input.currentTime >= 112) {
        text35.alpha = 1;
      }else {
         text35.alpha = 0;
      }

      // Tekst35 disappear
       if (input.currentTime == null || input.currentTime >= 113) {
        text35.alpha = 0;
      }
      
      // Tekst36 appear
       if (input.currentTime == null || input.currentTime >= 113) {
        text36.alpha = 1;
      }else {
         text36.alpha = 0;
      }

      // Tekst36 disappear
       if (input.currentTime == null || input.currentTime >= 116.5) {
        text36.alpha = 0;
      }
      
      // Tekst37 appear
       if (input.currentTime == null || input.currentTime >= 116.5) {
        text37.alpha = 1;
      }else {
         text37.alpha = 0;
      }

      // Tekst37 disappear
       if (input.currentTime == null || input.currentTime >= 118.7) {
        text37.alpha = 0;
      }
      
      // Tekst38 appear
       if (input.currentTime == null || input.currentTime >= 118.7) {
        text38.alpha = 1;
      }else {
         text38.alpha = 0;
      }

      // Tekst38 disappear
       if (input.currentTime == null || input.currentTime >= 121.5) {
        text38.alpha = 0;
      }
      
      // Tekst39 appear
       if (input.currentTime == null || input.currentTime >= 121.5) {
        text39.alpha = 1;
      }else {
         text39.alpha = 0;
      }

      // Tekst39 disappear
       if (input.currentTime == null || input.currentTime >= 122.5) {
        text39.alpha = 0;
      }
      
      // Tekst40 appear
       if (input.currentTime == null || input.currentTime >= 122.5) {
        text40.alpha = 1;
      }else {
         text40.alpha = 0;
      }

      // Tekst40 disappear
       if (input.currentTime == null || input.currentTime >= 123.5) {
        text40.alpha = 0;
      }
      
      // Tekst41 appear
       if (input.currentTime == null || input.currentTime >= 123.5) {
        text41.alpha = 1;
      }else {
         text41.alpha = 0;
      }

      // Tekst41 disappear
       if (input.currentTime == null || input.currentTime >= 124.5) {
        text41.alpha = 0;
      }
      
      // Tekst42 appear
       if (input.currentTime == null || input.currentTime >= 125.5) {
        text42.alpha = 1;
      }else {
         text42.alpha = 0;
      }

      // Tekst42 disappear
       if (input.currentTime == null || input.currentTime >= 129.5) {
        text42.alpha = 0;
      }
      
      // Tekst43 appear
       if (input.currentTime == null || input.currentTime >= 130) {
        text43.alpha = 1;
      }else {
         text43.alpha = 0;
      }

      // Tekst43 disappear
       if (input.currentTime == null || input.currentTime >= 134) {
        text43.alpha = 0;
      }
      
      // Tekst44 appear
       if (input.currentTime == null || input.currentTime >= 134) {
        text44.alpha = 1;
      }else {
         text44.alpha = 0;
      }

      // Tekst44 disappear
       if (input.currentTime == null || input.currentTime >= 138) {
        text44.alpha = 0;
      }
      
      // Tekst45 appear
       if (input.currentTime == null || input.currentTime >= 138.5) {
        text45.alpha = 1;
      }else {
         text45.alpha = 0;
      }

      // Tekst45 disappear
       if (input.currentTime == null || input.currentTime >= 141) {
        text45.alpha = 0;
      }
      
      // Tekst46 appear
       if (input.currentTime == null || input.currentTime >= 144.5) {
        text46.alpha = 1;
      }else {
         text46.alpha = 0;
      }

      // Tekst46 disappear
       if (input.currentTime == null || input.currentTime >= 147.5) {
        text46.alpha = 0;
      }
      
      // Tekst47 appear
       if (input.currentTime == null || input.currentTime >= 147.5) {
        text47.alpha = 1;
      }else {
         text47.alpha = 0;
      }

      // Tekst47 disappear
       if (input.currentTime == null || input.currentTime >= 149) {
        text47.alpha = 0;
      }
      
      // Tekst48 appear
       if (input.currentTime == null || input.currentTime >= 149) {
        text48.alpha = 1;
      }else {
         text48.alpha = 0;
      }

      // Tekst48 disappear
       if (input.currentTime == null || input.currentTime >= 151) {
        text48.alpha = 0;
      }
      
      // Tekst49 appear
       if (input.currentTime == null || input.currentTime >= 151) {
        text49.alpha = 1;
      }else {
         text49.alpha = 0;
      }

      // Tekst49 disappear
       if (input.currentTime == null || input.currentTime >= 153) {
        text49.alpha = 0;
      }
      
      // Tekst50 appear
       if (input.currentTime == null || input.currentTime >= 153.5) {
        text50.alpha = 1;
      }else {
         text50.alpha = 0;
      }

      // Tekst50 disappear
       if (input.currentTime == null || input.currentTime >= 157) {
        text50.alpha = 0;
      }
      
      // Tekst51 appear
       if (input.currentTime == null || input.currentTime >= 158) {
        text51.alpha = 1;
      }else {
         text51.alpha = 0;
      }

      // Tekst51 disappear
       if (input.currentTime == null || input.currentTime >= 159.5) {
        text51.alpha = 0;
      }
      
      // Tekst52 appear
       if (input.currentTime == null || input.currentTime >= 159.5) {
        text52.alpha = 1;
      }else {
         text52.alpha = 0;
      }

      // Tekst52 disappear
       if (input.currentTime == null || input.currentTime >= 160.5) {
        text52.alpha = 0;
      }
      
      // Tekst53 appear
       if (input.currentTime == null || input.currentTime >= 160.5) {
        text53.alpha = 1;
      }else {
         text53.alpha = 0;
      }

      // Tekst53 disappear
       if (input.currentTime == null || input.currentTime >= 163.5) {
        text53.alpha = 0;
      }
      
      // Tekst54 appear
       if (input.currentTime == null || input.currentTime >= 164) {
        text54.alpha = 1;
      }else {
         text54.alpha = 0;
      }

      // Tekst54 disappear
       if (input.currentTime == null || input.currentTime >= 166.5) {
        text54.alpha = 0;
      }
      
      // Tekst55 appear
       if (input.currentTime == null || input.currentTime >= 168.5) {
        text55.alpha = 1;
      }else {
         text55.alpha = 0;
      }

      // Tekst55 disappear
       if (input.currentTime == null || input.currentTime >= 172) {
        text55.alpha = 0;
      }
      
      // Tekst56 appear
       if (input.currentTime == null || input.currentTime >= 172) {
        text56.alpha = 1;
      }else {
         text56.alpha = 0;
      }

      // Tekst56 disappear
       if (input.currentTime == null || input.currentTime >= 176) {
        text56.alpha = 0;
      }
      
      // Tekst57 appear
       if (input.currentTime == null || input.currentTime >= 177) {
        text57.alpha = 1;
      }else {
         text57.alpha = 0;
      }

      // Tekst57 disappear
       if (input.currentTime == null || input.currentTime >= 180) {
        text57.alpha = 0;
      }
      
      // Tekst58 appear
       if (input.currentTime == null || input.currentTime >= 181) {
        text58.alpha = 1;
      }else {
         text58.alpha = 0;
      }

      // Tekst58 disappear
       if (input.currentTime == null || input.currentTime >= 184) {
        text58.alpha = 0;
      }
      
      // Tekst59 appear
       if (input.currentTime == null || input.currentTime >= 185.5) {
        text59.alpha = 1;
      }else {
         text59.alpha = 0;
      }

      // Tekst59 disappear
       if (input.currentTime == null || input.currentTime >= 189) {
        text59.alpha = 0;
      }
      
      // Tekst60 appear
       if (input.currentTime == null || input.currentTime >= 190) {
        text60.alpha = 1;
      }else {
         text60.alpha = 0;
      }

      // Tekst60 disappear
       if (input.currentTime == null || input.currentTime >= 193) {
        text60.alpha = 0;
      }
      
      // Tekst61 appear
       if (input.currentTime == null || input.currentTime >= 193) {
        text61.alpha = 1;
      }else {
         text61.alpha = 0;
      }

      // Tekst61 disappear
       if (input.currentTime == null || input.currentTime >= 194) {
        text61.alpha = 0;
      }
      
      // Tekst62 appear
       if (input.currentTime == null || input.currentTime >= 194) {
        text62.alpha = 1;
      }else {
         text62.alpha = 0;
      }

      // Tekst62 disappear
       if (input.currentTime == null || input.currentTime >= 197) {
        text62.alpha = 0;
      }


      // X position gets 1% of i added
      mySprite.rotation += i * 0.00001;

    }
  },

  mouseDownTouchStart: function(PIXI, input) {
    spriteIndex = (spriteIndex + 1) % allGraphics.length;
  }

});

// INFO
SPF.info({
            debug: false,
            title: "Mirror Drawing",
            tip: "",
            firstName: "Dennie",
            lastName: "Thomsen",
            email: "denniethomsen@gmail.com"
        });

// END

SPF.start();
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console