">"     : false,
  "<"     : false,
  "+"     : false,
  "-"     : false,

import { RenderedZLevel, ZLevel } from "./ZLevel";

  onFocusedNodeChange?: Function;

  onFocusedNodeChange: Function;

  onFocusedNodeChange: () => { }

  public keyboard!: KeyboardState;

    registerDraggable({
      source: this.backdropStage,
      // dragging backdrop stage should move action stage in the reverse direction -- we're dragging the backdrop, not an entity
      target: this.actionStage,
    });

    const keyboard = new KeyboardState();
    this.app.ticker.add((delta) => {
      keyboard.update();
      if (keyboard.down.Right) {
        this.actionStage.x -= 10 * delta;
      }
      if (keyboard.down.Left) {
        this.actionStage.x += 10 * delta;
      }
      if (keyboard.down.Up) {
        this.actionStage.y += 10 * delta;
      }
      if (keyboard.down.Down) {
        this.actionStage.y -= 10 * delta;
      }
    });

    this.keyboard = new KeyboardState();
    this.app.ticker.add(() => {
      this.keyboard.update();
    })

    
    // add an invisible layer to the entire fixedCameraStage so we can pan and zoom

    // Register mouse drag to use for panning
    registerDraggable({
      source: this.backdropStage,
      // dragging backdrop stage should move action stage in the reverse direction -- we're dragging the backdrop, not an entity
      target: this.actionStage,
    });
    // populate the backdrop layer with something that captures mouse events

    // Register keyboard to use for panning
    this.app.ticker.add((delta) => {
      if (this.keyboard.down.Right) {
        this.actionStage.x -= 10 * delta;
      }
      if (this.keyboard.down.Left) {
        this.actionStage.x += 10 * delta;
      }
      if (this.keyboard.down.Up) {
        this.actionStage.y += 10 * delta;
      }
      if (this.keyboard.down.Down) {
        this.actionStage.y -= 10 * delta;
      }
    });

    // test

    let chunksContainer = new Pixi.Container();

    // create the world
    let zLevel = new RenderedZLevel(
      new ZLevel(this.randomSeed, 0),
      this.config.onFocusedNodeChange
    );
    let chunksContainer = zLevel.container;

      chunksContainer.x = this.app.screen.width/2;
      chunksContainer.y = this.app.screen.height/2;
    })
    for (let i = -3; i <= 3; i++) {
      for (let j = -3; j <= 3; j++) {
        chunksContainer.addChild(
          new RenderedChunk(
            new Chunk(this.randomSeed, new Vector2(i, j)),

      chunksContainer.x = this.app.screen.width / 2;
      chunksContainer.y = this.app.screen.height / 2;
    });
    
    // let preloadedZLevelDown = new RenderedZLevel(
    //   new ZLevel(this.randomSeed, -1),
    //   this.config.onFocusedNodeChange
    // )
    let goingZDirection = 0;
    this.app.ticker.add((delta) => {
      if (this.keyboard.justUp[">"]) {
        goingZDirection = 0;
        chunksContainer.alpha = 1;
      }
      if (this.keyboard.justUp["<"]) {
        goingZDirection = 0;
        chunksContainer.alpha = 1;
      }
      if (this.keyboard.justDown[">"]) {
        if (goingZDirection != -1) {
          chunksContainer.alpha = 1;
          goingZDirection = -1;
        }
      }
      if (this.keyboard.justDown["<"]) {
        if (goingZDirection != 1) {
          chunksContainer.alpha = 1;
          goingZDirection = 1;
        }
      }
      if (this.keyboard.down[">"]) {
        // phase out the current z level and go to another one
        chunksContainer.alpha -= 0.1;
        chunksContainer.width *= 1.03;
        chunksContainer.height *= 1.03;
        // this.actionStage.removeChild(chunksContainer);
        if (chunksContainer.alpha <= 0) {
          this.actionStage.removeChild(chunksContainer);
          zLevel = new RenderedZLevel(
            new ZLevel(this.randomSeed, zLevel.zLevel.z - 1),

          ).container
        );

          );
          // zLevel = preloadedZLevelDown;
          // preloadedZLevelDown = new RenderedZLevel(
          //   new ZLevel(this.randomSeed, preloadedZLevelDown.zLevel.z - 1),
          //   this.config.onFocusedNodeChange
          // );
          chunksContainer = zLevel.container;
          this.actionStage.addChild(chunksContainer);
          chunksContainer.x = this.app.screen.width/2;
          chunksContainer.y = this.app.screen.height/2;
        }

    }

      if (this.keyboard.down["<"]) {
        // phase out the current z level and go to another one
        chunksContainer.alpha -= 0.1;
        chunksContainer.width *= 1/1.03;
        chunksContainer.height *= 1/1.03;
        // this.actionStage.removeChild(chunksContainer);
        if (chunksContainer.alpha <= 0) {
          this.actionStage.removeChild(chunksContainer);
          zLevel = new RenderedZLevel(
            new ZLevel(this.randomSeed, zLevel.zLevel.z + 1),
            this.config.onFocusedNodeChange
          );
          // zLevel = preloadedZLevelDown;
          // preloadedZLevelDown = new RenderedZLevel(
          //   new ZLevel(this.randomSeed, preloadedZLevelDown.zLevel.z - 1),
          //   this.config.onFocusedNodeChange
          // );
          chunksContainer = zLevel.container;
          this.actionStage.addChild(chunksContainer);
          chunksContainer.x = this.app.screen.width/2;
          chunksContainer.y = this.app.screen.height/2;
        }
      }
    });