const KeyInfoMap = (() => {
  let m = KeyInfo();
  for (let k of Object.keys(m)) {
    m[k as keyof KeyInfoType] = true;
  }
  return m;
})();

  private formatKeyString(str: string): string {
    if (str === " ") {
      return "Spacebar";
    }
    if (str.length === 1) {
      return str.toUpperCase();
    }
    if (str.slice(0, 5) === "Arrow") {
      return str.slice(5);
    }
    return str[0].toUpperCase() + str.slice(1);
  }

    // prefer event.key
    let str: string = event.key;
    str = this.formatKeyString(str);
    if (str) {
      return str;
    }
    // use keycode or which if they are supported, and convert them to key string

    let str: string;

    }
    if (str === " ") {
      return "Spacebar";
    }
    if (str.length === 1) {
      return str.toUpperCase();

    return str[0].toUpperCase() + str.slice(1);

    return this.formatKeyString(str);

      if (!KeyInfoMap[key as keyof KeyInfoType]) {
        console.log("got unrecognized keypress: [", key,"]", queuedEvent) // DEBUG
      }

import { KeyboardState } from "../lib/pixi/keyboard";

  public stage!: Pixi.Container;
  public parallaxStage!: Pixi.Container;
  public fixedCameraStage!: Pixi.Container;

    this.stage = new Pixi.Sprite();
    this.app.stage.addChild(this.stage);
    this.parallaxStage = new Pixi.Sprite();
    this.stage.addChild(this.parallaxStage);
    this.fixedCameraStage = new Pixi.Sprite();
    this.stage.addChild(this.fixedCameraStage);
    const keyboard = new KeyboardState();
    this.app.ticker.add((delta) => {
      keyboard.update();
      if (keyboard.down.Right) {
        this.parallaxStage.x += 10;
      }
      if (keyboard.down.Left) {
        this.parallaxStage.x -= 10;
      }
    })

   * Usage: const container = useRef<HTMLDivElement>(null); useEffect(() => { application.register(container.current!); }, []);

    this.app.stage.addChild(container);

    this.parallaxStage.addChild(container);