text: import { Sprite, Texture } from 'pixi.js';
  import Scene from './Scene';
  import gsap from 'gsap';
  import Footer from '../components/Footer';
  import Fish from '../components/Fish';
  
  export default class Play extends Scene {
    async onCreated() {
  
      const footer = new Footer();
      footer.x = - window.innerWidth / 2;
      footer.y = window.innerHeight / 2 - footer.height;
      this.addChild(footer);
  
      const fish = new Fish(new Texture.from('smallFish'));
      this.addChild(fish)
      fish.on('click', () => fish.expand())
    }
  
    /**
     * Hook called by the application when the browser window is resized.
     * Use this to re-arrange the game elements according to the window size
     *
     * @param  {Number} width  Window width
     * @param  {Number} height Window height
     */
    onResize(width, height) { // eslint-disable-line no-unused-vars
  
    }
  }
  