import { inflate } from "zlib";

    
    // add an invisible layer to the entire fixedCameraStage so we can pan and zoom
    const clickableHud = new Pixi.Graphics();
    this.fixedCameraStage.addChild(clickableHud);
    clickableHud.beginFill(0xabcdef, 1);
    clickableHud.alpha = 0.5;
    clickableHud.interactive = true;
    clickableHud.interactiveChildren = true;
    clickableHud.zIndex = -3;
    clickableHud.buttonMode = true;
    // clickableHud.drawRect(0, 0, this.config.canvasWidth, this.config.canvasHeight);
    clickableHud.drawRect(-10000, -10000, 20000, 20000);
    clickableHud.addListener('pointerupoutside', e => {
      console.log('clickable hud', e)
    })
    clickableHud.addListener('pointerup', (e) => {
      window.alert('up from clickable hud');
      console.log('clickable hud', e)
    })

      bunny.interactive = true;
      bunny.addListener('pointerdown', () => {
        window.alert('clicked bunny #' + i);
      });