ambersz/procgen-skill-tree - Change 26RDNOXGRCW2E2AOUTKMARJZEGCTVB5K27YXFQFGIAFJ3PP4LWDAC

45 fps at 720p

Created by Bowei Liu on December 19, 2020

26RDNOXGRCW2E2AOUTKMARJZEGCTVB5K27YXFQFGIAFJ3PP4LWDAC

Dependencies

In channels

main

Change contents

Replacement in frontend/src/components/PixiComponent.tsx at line 20 [5.97253]

B:BD[4.257] → [2.28:271]

// let application = new Application({ originalWidth: window.innerHeight * .75, originalHeight: window.innerHeight * .75 });
let application = new Application({ originalWidth: window.innerWidth - 16, originalHeight: window.innerHeight - 16});

[4.257]

[6.495]

// let application = new Application({ originalWindowWidth: window.innerHeight * .75, originalWindowHeight: window.innerHeight * .75 });
let application = new Application({ originalWindowWidth: window.innerWidth, originalWindowHeight: window.innerHeight });

Replacement in frontend/src/components/PixiComponent.tsx at line 45 [5.97253]

B:BD[7.416] → [2.272:523]

        // application = new Application({ originalWidth: window.innerHeight * .75, originalHeight: window.innerHeight * .75 });
        application = new Application({ originalWidth: window.innerWidth - 16, originalHeight: window.innerHeight - 16});

[7.416]

[7.542]

        // application = new Application({ originalWindowWidth: window.innerHeight * .75, originalWindowHeight: window.innerHeight * .75 });
        application = new Application({ originalWindowWidth: window.innerWidth, originalWindowHeight: window.innerHeight});

Deletion in frontend/src/pixi/Application.ts at line 2 [10.320]
B:BD[8.126] → [9.482:516]
```
import bunny from "../bunny.png";
```

Replacement in frontend/src/pixi/Application.ts at line 8 [10.320]

B:BD[11.59] → [12.328:379]

  originalWidth: number;
  originalHeight: number;

[11.59]

[11.149]

  originalWindowWidth: number;
  originalWindowHeight: number;

Replacement in frontend/src/pixi/Application.ts at line 13 [10.320]
B:BD[11.185] → [12.380:425]
```
  originalWidth: 800,
  originalHeight: 800,
```
[11.185]
[11.263]
```
  originalWindowWidth: 800,
  originalWindowHeight: 800,
```
Insertion in frontend/src/pixi/Application.ts at line 36 [10.320]
[12.459]
[12.459]
```
  originalAppWidth: number = 1280;
  originalAppHeight: number = 720;
```

Replacement in frontend/src/pixi/Application.ts at line 48 [10.320]

B:BD[12.488] → [12.488:574]

        width: this.config.originalWidth,
        height: this.config.originalHeight,

[12.488]

[3.0]

        width: this.originalAppWidth, // both are ignored - see resize() below
        height: this.originalAppHeight,

Insertion in frontend/src/pixi/Application.ts at line 54 [10.320]
[3.286]
[3.286]
```
      // resolution: 2,
```

Insertion in frontend/src/pixi/Application.ts at line 105 [10.320]

[13.2442]


    this.resize(this.config.originalWindowWidth, this.config.originalWindowHeight);

Replacement in frontend/src/pixi/Application.ts at line 121 [10.320]

B:BD[2.599] → [2.599:666]

    this.app.renderer.resize(windowWidth - 16, windowHeight - 16);

[2.599]

[12.756]

    this.app.renderer.resize(Math.min(1280, windowWidth  - 8), Math.min(720, windowHeight  - 8));

Replacement in frontend/src/pixi/Application.ts at line 126 [10.320]

B:BD[12.968] → [12.968:1152]

    this.actionStage.pivot.x = (this.app.screen.width - this.config.originalWidth) * -0.5;
    this.actionStage.pivot.y = (this.app.screen.height - this.config.originalHeight) * -0.5;

[12.968]

[12.1152]

    this.actionStage.pivot.x = (this.app.screen.width - this.originalAppWidth) * -0.5;
    this.actionStage.pivot.y = (this.app.screen.height - this.originalAppHeight) * -0.5;