{"header":{"message":"wip\n","description":null,"timestamp":"2020-12-23T10:56:18Z","authors":[{"email":"liubowei@gmail.com","name":"Bowei Liu"}]},"hash":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC","authors":[],"deps":{"hashes":[["DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC","wip\n"],["AA",null],["WTINQMZSNRT5MSAXLMMZVM6OU6TMD4AP4OEUYAXZUFNY5IWFLZSQC","we have good FPS again! added some asserts and some lazy memoization to make sure react is constructing stuff exactly once\n"],["2ZSVFRN4O7L6ARZNYSEIVECQTTSNPTHVMJU7TQDMEIYHOV36OG2QC","notes\n"],["3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC","draft a component lifecycle\n"],["ZGS4FTTFBXTF2SHYTPAJJBWEUVWVYXPSJVEFI5NYJWTW273B4NHAC","wip\n"],["WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC","start with a base\n"],["4CBMJ7C2376HBVEBEHGJGR3YZJSCHDVAD4Q6AEGBAZZFLLKD52SAC","update readme\n"],["TQ57VE45BHV7MOZ6GKTYZEAMAOTXLPQ3ROCWJ2FUCITQWOYVMUIAC","copy over utils from johnfn library\n"],["ZHOSSPNKGFIKSFPDXCGLMSYMMX2J433VU2BUUWBKUH7TOLQUBSPQC","rename root folder\n"]],"deps":["WTINQMZSNRT5MSAXLMMZVM6OU6TMD4AP4OEUYAXZUFNY5IWFLZSQC","2ZSVFRN4O7L6ARZNYSEIVECQTTSNPTHVMJU7TQDMEIYHOV36OG2QC"],"known":["4CBMJ7C2376HBVEBEHGJGR3YZJSCHDVAD4Q6AEGBAZZFLLKD52SAC","ZGS4FTTFBXTF2SHYTPAJJBWEUVWVYXPSJVEFI5NYJWTW273B4NHAC","WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC","3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC"]},"hunks":[{"Replacement":{"inode":{"change":4,"pos":13},"path":".gitignore","line":1,"ins":{"up_context":[{"change":4,"pos":13}],"down_context":[],"flag":"BLOCK","start":0,"end":10,"inode":{"change":4,"pos":13}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":13},"to":{"change":4,"start":14,"end":21},"introduced_by":4}],"inode":{"change":4,"pos":13}},"ins_contents":[{"Add":{"text":".*.sw[op]","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:9"}}],"del_contents":[{"Del":{"text":".*.swp","pos":"4CBMJ7C2376HBVEBEHGJGR3YZJSCHDVAD4Q6AEGBAZZFLLKD52SAC:20"}}]}},{"Replacement":{"inode":{"change":9,"pos":45665},"path":"frontend/src/lib/util/misc.ts","line":213,"ins":{"up_context":[{"change":2,"pos":1227}],"down_context":[{"change":2,"pos":1228}],"flag":"BLOCK","start":11,"end":51,"inode":{"change":9,"pos":45665}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":1227},"to":{"change":2,"start":1227,"end":1228},"introduced_by":2}],"inode":{"change":9,"pos":45665}},"ins_contents":[{"Add":{"text":"export type Const = DeepReadonly;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:50"}}],"del_contents":[{"Del":{"text":"","pos":"WTINQMZSNRT5MSAXLMMZVM6OU6TMD4AP4OEUYAXZUFNY5IWFLZSQC:1227"}}]}},{"Edit":{"inode":{"change":9,"pos":45665},"path":"frontend/src/lib/util/misc.ts","line":235,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":2,"pos":1873},"to":{"change":2,"start":1873,"end":1874},"introduced_by":2}],"inode":{"change":9,"pos":45665}}},"contents":[{"Del":{"text":"","pos":"WTINQMZSNRT5MSAXLMMZVM6OU6TMD4AP4OEUYAXZUFNY5IWFLZSQC:1873"}}]}},{"Edit":{"inode":{"change":9,"pos":45665},"path":"frontend/src/lib/util/misc.ts","line":245,"atom":{"NewVertex":{"up_context":[{"change":2,"pos":2159}],"down_context":[{"change":4,"pos":1385}],"flag":"BLOCK","start":52,"end":429,"inode":{"change":9,"pos":45665}}},"contents":[{"Add":{"text":" // public async getAsync(): Promise {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:94"}},{"Add":{"text":" // if (this._value !== undefined || this._wasConstructed === true) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:167"}},{"Add":{"text":" // return Promise.resolve(this._value!);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:214"}},{"Add":{"text":" // } else {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:230"}},{"Add":{"text":" // return new Promise((resolve, reject) => {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:284"}},{"Add":{"text":" // this._value = this._factory();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:326"}},{"Add":{"text":" // this._wasConstructed = true;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:366"}},{"Add":{"text":" // resolve(this._value);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:399"}},{"Add":{"text":" // });","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:412"}},{"Add":{"text":" // }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:421"}},{"Add":{"text":" // }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:428"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":15,"ins":{"up_context":[{"change":4,"pos":905}],"down_context":[{"change":4,"pos":976}],"flag":"BLOCK","start":430,"end":507,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":905},"to":{"change":4,"start":905,"end":976},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":"import { assertOnlyCalledOnce, DeepReadonly, Lazy } from \"../lib/util/misc\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:506"}}],"del_contents":[{"Del":{"text":"import { assertOnlyCalledOnce, DeepReadonly } from \"../lib/util/misc\";","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:975"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":17,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":1042}],"down_context":[{"change":4,"pos":1042}],"flag":"BLOCK","start":508,"end":557,"inode":{"change":4,"pos":158}}},"contents":[{"Add":{"text":"import { render } from \"@testing-library/react\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:556"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":30,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":1316},"to":{"change":4,"start":1316,"end":1381},"introduced_by":4}],"inode":{"change":4,"pos":158}}},"contents":[{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1316"}},{"Del":{"text":"export class BaseApplication {","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1347"}},{"Del":{"text":" public app!: Pixi.Application;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1380"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":31,"ins":{"up_context":[{"change":4,"pos":1382}],"down_context":[{"change":4,"pos":1886}],"flag":"BLOCK","start":558,"end":658,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":1382},"to":{"change":4,"start":1382,"end":1886},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":"export type BaseApplicationProps = DeepReadonly<{","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:607"}},{"Add":{"text":" gameState: GameState,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:631"}},{"Add":{"text":" windowSize: Vector2,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:654"}},{"Add":{"text":"}>","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:657"}}],"del_contents":[{"Del":{"text":" // root container","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1401"}},{"Del":{"text":" public stage!: Pixi.Container;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1434"}},{"Del":{"text":" // Contains HUD, and other entities that don't move when game camera moves","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1511"}},{"Del":{"text":" public fixedCameraStage!: Pixi.Container;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1555"}},{"Del":{"text":" // Contains game entities that move when game camera pans/zooms. Highly encouraged to have further subdivions.","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1668"}},{"Del":{"text":" public actionStage!: Pixi.Container;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1707"}},{"Del":{"text":" // Contains a few entities that doesn't move when game camera moves, but located behind action stage entities, e.g. static backgrounds","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1844"}},{"Del":{"text":" public backdropStage!: Pixi.Container;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1885"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":36,"ins":{"up_context":[{"change":4,"pos":1887}],"down_context":[{"change":4,"pos":1922}],"flag":"BLOCK","start":659,"end":718,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":1887},"to":{"change":4,"start":1887,"end":1922},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":"export type BaseApplicationState = {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:695"}},{"Add":{"text":" appSize: Vector2,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:715"}},{"Add":{"text":"}","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:717"}}],"del_contents":[{"Del":{"text":" public keyboard!: KeyboardState;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1921"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":40,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":1923}],"down_context":[{"change":4,"pos":1923}],"flag":"BLOCK","start":719,"end":750,"inode":{"change":4,"pos":158}}},"contents":[{"Add":{"text":"export class BaseApplication {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:749"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":42,"ins":{"up_context":[{"change":4,"pos":1949}],"down_context":[{"change":4,"pos":1983}],"flag":"BLOCK","start":751,"end":816,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":1949},"to":{"change":4,"start":1949,"end":1983},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" public app!: Pixi.Application;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:783"}},{"Add":{"text":" state!: BaseApplicationState;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:815"}}],"del_contents":[{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1949"}},{"Del":{"text":" public fpsTracker: FpsTracker;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:1982"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":45,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":1984},"to":{"change":4,"start":1984,"end":2017},"introduced_by":4}],"inode":{"change":4,"pos":158}}},"contents":[{"Del":{"text":" onResize: (() => void)[] = [];","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:2016"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":48,"ins":{"up_context":[{"change":4,"pos":58}],"down_context":[{"change":4,"pos":124}],"flag":"BLOCK","start":817,"end":897,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":58},"to":{"change":4,"start":58,"end":124},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" public static appSizeFromWindowSize(window: DeepReadonly): Vector2 {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:896"}}],"del_contents":[{"Del":{"text":" public static appSizeFromWindowSize(window: Vector2): Vector2 {","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:123"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":58,"ins":{"up_context":[{"change":4,"pos":2177}],"down_context":[{"change":4,"pos":2390}],"flag":"BLOCK","start":898,"end":1087,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2177},"to":{"change":4,"start":231,"end":273},"introduced_by":4},{"previous":"","flag":"DELETED","from":{"change":4,"pos":273},"to":{"change":4,"start":2243,"end":2356},"introduced_by":4},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2243},"to":{"change":4,"start":2243,"end":2356},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" constructor(args: Partial = {}, props: BaseApplicationProps) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:970"}},{"Add":{"text":" assertOnlyCalledOnce(\"Base application constructor\");","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1028"}},{"Add":{"text":" this.config = Object.assign({}, defaultConfig, args);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1086"}}],"del_contents":[{"Del":{"text":" constructor(config?: Partial) {","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:272"}},{"Del":{"text":" assertOnlyCalledOnce(\"Application constructor\");","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:2295"}},{"Del":{"text":" this.config = Object.assign({}, defaultConfig, config);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:2355"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":62,"ins":{"up_context":[{"change":4,"pos":2391}],"down_context":[{"change":4,"pos":504}],"flag":"BLOCK","start":1088,"end":1271,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2391},"to":{"change":4,"start":274,"end":504},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" this.state.appSize = BaseApplication.appSizeFromWindowSize(props.windowSize);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1169"}},{"Add":{"text":" this.originalAppWidth = this.state.appSize.x;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1219"}},{"Add":{"text":" this.originalAppHeight = this.state.appSize.y;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1270"}}],"del_contents":[{"Del":{"text":" const appSize = BaseApplication.appSizeFromWindowSize(new Vector2(","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:344"}},{"Del":{"text":" this.config.originalWindowWidth, this.config.originalWindowHeight","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:416"}},{"Del":{"text":" ));","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:424"}},{"Del":{"text":" this.originalAppWidth = appSize.x;","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:463"}},{"Del":{"text":" this.originalAppHeight = appSize.y;","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:503"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":67,"ins":{"up_context":[{"change":4,"pos":543}],"down_context":[{"change":4,"pos":2714}],"flag":"BLOCK","start":1272,"end":1343,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"","flag":"DELETED","from":{"change":4,"pos":543},"to":{"change":4,"start":2599,"end":2714},"introduced_by":4},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2599},"to":{"change":4,"start":2599,"end":2714},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" width: this.state.appSize.x,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1306"}},{"Add":{"text":" height: this.state.appSize.y,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1342"}}],"del_contents":[{"Del":{"text":" width: this.originalAppWidth, // both are ignored - see resize() below","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:2675"}},{"Del":{"text":" height: this.originalAppHeight,","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:2713"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":78,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":3222},"to":{"change":4,"start":3222,"end":4174},"introduced_by":4}],"inode":{"change":4,"pos":158}}},"contents":[{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3222"}},{"Del":{"text":" this.stage = this.app.stage;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3255"}},{"Del":{"text":" this.stage.sortableChildren = true;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3295"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3296"}},{"Del":{"text":" this.fixedCameraStage = new Pixi.Sprite();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3343"}},{"Del":{"text":" this.fixedCameraStage.zIndex = 1;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3381"}},{"Del":{"text":" this.fixedCameraStage.sortableChildren = true;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3432"}},{"Del":{"text":" this.stage.addChild(this.fixedCameraStage);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3480"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3481"}},{"Del":{"text":" this.actionStage = new Pixi.Sprite();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3523"}},{"Del":{"text":" this.actionStage.zIndex = 0;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3556"}},{"Del":{"text":" this.actionStage.sortableChildren = true;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3602"}},{"Del":{"text":" this.stage.addChild(this.actionStage);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3645"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3646"}},{"Del":{"text":" this.backdropStage = new Pixi.Sprite();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3690"}},{"Del":{"text":" this.backdropStage.zIndex = -1;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3726"}},{"Del":{"text":" this.backdropStage.sortableChildren = true;","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3774"}},{"Del":{"text":" this.stage.addChild(this.backdropStage);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3819"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3820"}},{"Del":{"text":" this.keyboard = new KeyboardState();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3861"}},{"Del":{"text":" this.app.ticker.add(() => {","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3893"}},{"Del":{"text":" this.keyboard.update();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3923"}},{"Del":{"text":" })","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3930"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3931"}},{"Del":{"text":" this.fpsTracker = new FpsTracker();","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:3971"}},{"Del":{"text":" this.app.ticker.add((delta) => {","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4008"}},{"Del":{"text":" // delta should be approximately equal to 1","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4058"}},{"Del":{"text":" this.fpsTracker.tick(delta);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4093"}},{"Del":{"text":" })","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4100"}},{"Del":{"text":"","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4101"}},{"Del":{"text":" let pointNodeTexture = generatePointNodeTexture(this.app.renderer);","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4173"}}]}},{"Edit":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":81,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":4330}],"down_context":[{"change":4,"pos":4330}],"flag":"BLOCK","start":1344,"end":1406,"inode":{"change":4,"pos":158}}},"contents":[{"Add":{"text":" this.app.ticker.add((delta) => this.baseGameLoop(delta));","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1405"}}]}},{"Replacement":{"inode":{"change":4,"pos":158},"path":"frontend/src/pixi/BaseApplication.ts","line":92,"ins":{"up_context":[{"change":4,"pos":4588}],"down_context":[{"change":4,"pos":4706}],"flag":"BLOCK","start":1407,"end":1720,"inode":{"change":4,"pos":158}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":4588},"to":{"change":4,"start":4588,"end":4706},"introduced_by":4}],"inode":{"change":4,"pos":158}},"ins_contents":[{"Add":{"text":" updateState(delta: number, props: BaseApplicationProps) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1466"}},{"Add":{"text":" this.state.appSize = BaseApplication.appSizeFromWindowSize(props.windowSize);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1548"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1552"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1553"}},{"Add":{"text":" render(delta: number, props: BaseApplicationProps) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1608"}},{"Add":{"text":" this.app.renderer.resize(this.state.appSize.x, this.state.appSize.y);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1682"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1686"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1687"}},{"Add":{"text":" baseGameLoop(delta: number) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1719"}}],"del_contents":[{"Del":{"text":" public rerender(props: {","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4614"}},{"Del":{"text":" gameState: DeepReadonly,","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4654"}},{"Del":{"text":" pixiComponentState: PixiComponentState,","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4698"}},{"Del":{"text":" }) {","pos":"WO2ALETBVNH7N3NXJ6JKWCQ2YIZN6LBO7WEXPHAT3EQQJEUCJITQC:4705"}}]}},{"Replacement":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":26,"ins":{"up_context":[{"change":4,"pos":2605}],"down_context":[{"change":3,"pos":130}],"flag":"BLOCK","start":1721,"end":2052,"inode":{"change":4,"pos":555}},"del":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2605},"to":{"change":4,"start":2605,"end":2692},"introduced_by":4}],"inode":{"change":4,"pos":555}},"ins_contents":[{"Add":{"text":"* this.queuedEvents // used for onEvent listeners, to delay action until the next tick; perhaps this should interact with the global event queue?","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1866"}},{"Add":{"text":"* globalEventQueue.push(eventAction: (delta, prevProps, prevState, updaters) => void)","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1952"}},{"Add":{"text":" and then in the root component, every tick:","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:1998"}},{"Add":{"text":" globalEventQueue.map((eventAction) => eventAction(","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2051"}}],"del_contents":[{"Del":{"text":"* this.queuedEvents // used for onEvent listeners, to delay action until the next tick","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:2691"}}]}},{"Replacement":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":31,"ins":{"up_context":[{"change":3,"pos":222}],"down_context":[{"change":3,"pos":223}],"flag":"BLOCK","start":2053,"end":2185,"inode":{"change":4,"pos":555}},"del":{"edges":[{"previous":"","flag":"DELETED","from":{"change":3,"pos":222},"to":{"change":4,"start":2769,"end":2886},"introduced_by":3},{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2769},"to":{"change":4,"start":2769,"end":2886},"introduced_by":4}],"inode":{"change":4,"pos":555}},"ins_contents":[{"Add":{"text":"* updateState(delta, props) { // component is given new props which should be stored; also edits this.state . typically looks like:","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2184"}}],"del_contents":[{"Del":{"text":"* update(delta, props, updaters) { // edits this.state and sends parent state updates upwards. typically looks like:","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:2885"}}]}},{"Edit":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":34,"atom":{"NewVertex":{"up_context":[{"change":3,"pos":500}],"down_context":[{"change":4,"pos":2886}],"flag":"BLOCK","start":2186,"end":2240,"inode":{"change":4,"pos":555}}},"contents":[{"Add":{"text":" updateSelf(); // update self state based on props","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2239"}}]}},{"Edit":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":36,"atom":{"EdgeMap":{"edges":[{"previous":"BLOCK","flag":"BLOCK | DELETED","from":{"change":4,"pos":2980},"to":{"change":4,"start":2980,"end":2998},"introduced_by":4}],"inode":{"change":4,"pos":555}}},"contents":[{"Del":{"text":" updateSelf();","pos":"3EAR4KTTJ26IRF5QUGEDRMJVBR4X3VWSQ6OBIJCLDH3A4ZZ4O3ZAC:2997"}}]}},{"Edit":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":41,"atom":{"NewVertex":{"up_context":[{"change":3,"pos":805}],"down_context":[{"change":3,"pos":805}],"flag":"BLOCK","start":2241,"end":2313,"inode":{"change":4,"pos":555}}},"contents":[{"Add":{"text":"* componentDidUpdate(props, updaters) { // sends state updates upwards","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2311"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2312"}}]}},{"Edit":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":52,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":3578}],"down_context":[{"change":4,"pos":3578}],"flag":"BLOCK","start":2314,"end":2506,"inode":{"change":4,"pos":555}}},"contents":[{"Add":{"text":"* TODO: beware of dependency loops; react can detect them but we cannot","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2385"}},{"Add":{"text":"* TODO: some sort of pub-sub to avoid everyone rerendering when not necessary? instead of asking everyone all the time.","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2505"}}]}},{"Edit":{"inode":{"change":4,"pos":555},"path":"frontend/src/pixi/NOTES.md","line":55,"atom":{"NewVertex":{"up_context":[{"change":4,"pos":3579}],"down_context":[{"change":4,"pos":3579}],"flag":"BLOCK","start":2507,"end":3604,"inode":{"change":4,"pos":555}}},"contents":[{"Add":{"text":"* TL;DR the flow is:","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2527"}},{"Add":{"text":"* constructor, initialize state based on const args and initial props","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2597"}},{"Add":{"text":"* immediately after the constructor, first render again with initial props","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2672"}},{"Add":{"text":"* onX => enqueues event actions onto global event queue; event actions can modify state and parent state","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2777"}},{"Add":{"text":"* ticker tick goes off","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2800"}},{"Add":{"text":"* in root component, global event queue fires off callbacks, editing state everywhere","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2886"}},{"Add":{"text":"* shouldUpdateState fires recursively, conditioning: ","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:2940"}},{"Add":{"text":"* updateState fires recursively, causing state updates to flow down as props to children // should prevState/prevProps be kept here and in the previous method??","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3101"}},{"Add":{"text":"* shouldRender fires recursively, conditioning:","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3149"}},{"Add":{"text":"* render fires recursively, redrawing everything based on props & state. if new children are constructed, they get constructed, rendered, and then the parent continues its own rendering.","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3336"}},{"Add":{"text":"* componentDidMount for newly created components. actions here are put onto global event queue and delayed until next tick.","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3460"}},{"Add":{"text":"* componentDidUpdate fires recursively, all actions here are put onto global event queue and delayed until next tick","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3577"}},{"Add":{"text":"* componentDidUnmount ??","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3602"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3603"}}]}},{"FileAdd":{"meta":{"basename":"RootApplication.ts","metadata":420},"context":[{"change":10,"pos":693}],"contents":[{"Add":{"text":"import * as Pixi from \"pixi.js\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3659"}},{"Add":{"text":"import { KeyboardState } from \"../lib/pixi/keyboard\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3713"}},{"Add":{"text":"import { FpsTracker } from \"../lib/util/fpsTracker\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3766"}},{"Add":{"text":"import { registerDraggable } from \"../lib/pixi/DraggableHelper\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3831"}},{"Add":{"text":"import createBunnyExample from \"./BunnyExample\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3880"}},{"Add":{"text":"import { Chunk, RenderedChunk } from \"./Chunk\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3928"}},{"Add":{"text":"import { Vector2 } from \"../lib/util/geometry/vector2\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:3984"}},{"Add":{"text":"import { ZLevel } from \"./ZLevel\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4019"}},{"Add":{"text":"import { RenderedZLevel } from \"./RenderedZLevel\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4070"}},{"Add":{"text":"import { HashMap } from \"../lib/util/data_structures/hash\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4130"}},{"Add":{"text":"import { GameState, PointNodeRef } from \"../data/GameState\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4191"}},{"Add":{"text":"import { generatePointNodeTexture } from \"./textures/PointNodeTexture\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4263"}},{"Add":{"text":"import { Reticle } from \"./Reticle\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4300"}},{"Add":{"text":"import { ZLevelGenFactory } from \"../dataFactory/WorldGenStateFactory\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4372"}},{"Add":{"text":"import { assertOnlyCalledOnce, DeepReadonly, Lazy } from \"../lib/util/misc\";","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4449"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4450"}},{"Add":{"text":"type RootApplicationState = {}","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4481"}},{"Add":{"text":"type RootApplicationProps = {}","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4512"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4513"}},{"Add":{"text":"export class RootApplication {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4544"}},{"Add":{"text":" state!: RootApplicationState;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4576"}},{"Add":{"text":" props!: DeepReadonly;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4622"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4623"}},{"Add":{"text":" /* children */","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4640"}},{"Add":{"text":" // Contains HUD, and other entities that don't move when game camera moves","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4717"}},{"Add":{"text":" public fixedCameraStage!: Pixi.Container;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4761"}},{"Add":{"text":" // Contains game entities that move when game camera pans/zooms. Highly encouraged to have further subdivions.","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4874"}},{"Add":{"text":" public actionStage!: Pixi.Container;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:4913"}},{"Add":{"text":" // Contains a few entities that doesn't move when game camera moves, but located behind action stage entities, e.g. static backgrounds","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5050"}},{"Add":{"text":" public backdropStage!: Pixi.Container;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5091"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5092"}},{"Add":{"text":" public keyboard!: KeyboardState;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5127"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5128"}},{"Add":{"text":" public fpsTracker!: FpsTracker;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5162"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5163"}},{"Add":{"text":" public static appSizeFromWindowSize(window: Vector2): Vector2 {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5229"}},{"Add":{"text":" return new Vector2({","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5254"}},{"Add":{"text":" x: Math.min(1280, window.x),","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5289"}},{"Add":{"text":" y: Math.min(720, window.y),","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5323"}},{"Add":{"text":" });","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5331"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5335"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5336"}},{"Add":{"text":" /**","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5342"}},{"Add":{"text":" * Need to provide config to set up the pixi canvas","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5396"}},{"Add":{"text":" */","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5402"}},{"Add":{"text":" constructor(config?: Partial) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5444"}},{"Add":{"text":" assertOnlyCalledOnce(\"Base application constructor\");","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5502"}},{"Add":{"text":" this.config = Object.assign({}, defaultConfig, config);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5562"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5563"}},{"Add":{"text":" const appSize = BaseApplication.appSizeFromWindowSize(new Vector2(","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5634"}},{"Add":{"text":" this.config.originalWindowWidth, this.config.originalWindowHeight","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5706"}},{"Add":{"text":" ));","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5714"}},{"Add":{"text":" this.originalAppWidth = appSize.x;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5753"}},{"Add":{"text":" this.originalAppHeight = appSize.y;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5793"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5794"}},{"Add":{"text":" this.app = new Pixi.Application({","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5832"}},{"Add":{"text":" width: this.originalAppWidth, // both are ignored - see resize() below","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5909"}},{"Add":{"text":" height: this.originalAppHeight,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:5947"}},{"Add":{"text":" antialias: true, // both about the same FPS, i get around 30 fps on 1600 x 900","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6032"}},{"Add":{"text":" transparent: true, // true -> better fps?? https://github.com/pixijs/pixi.js/issues/5580","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6127"}},{"Add":{"text":" resolution: window.devicePixelRatio || 1, // lower -> more FPS but uglier","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6207"}},{"Add":{"text":" // resolution: 0.5,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6233"}},{"Add":{"text":" // resolution: 2,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6257"}},{"Add":{"text":" autoDensity: true,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6282"}},{"Add":{"text":" powerPreference: \"low-power\", // the only valid one for webgl","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6350"}},{"Add":{"text":" backgroundColor: 0xffffff, // immaterial - we recommend setting color in backdrop graphics","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6447"}},{"Add":{"text":" });","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6455"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6456"}},{"Add":{"text":" this.stage = this.app.stage;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6489"}},{"Add":{"text":" this.stage.sortableChildren = true;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6529"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6530"}},{"Add":{"text":" // this.fixedCameraStage = new Pixi.Sprite();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6580"}},{"Add":{"text":" // this.fixedCameraStage.zIndex = 1;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6621"}},{"Add":{"text":" // this.fixedCameraStage.sortableChildren = true;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6675"}},{"Add":{"text":" // this.stage.addChild(this.fixedCameraStage);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6726"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6727"}},{"Add":{"text":" // this.actionStage = new Pixi.Sprite();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6772"}},{"Add":{"text":" // this.actionStage.zIndex = 0;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6808"}},{"Add":{"text":" // this.actionStage.sortableChildren = true;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6857"}},{"Add":{"text":" // this.stage.addChild(this.actionStage);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6903"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6904"}},{"Add":{"text":" // this.backdropStage = new Pixi.Sprite();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6951"}},{"Add":{"text":" // this.backdropStage.zIndex = -1;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:6990"}},{"Add":{"text":" // this.backdropStage.sortableChildren = true;","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7041"}},{"Add":{"text":" // this.stage.addChild(this.backdropStage);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7089"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7090"}},{"Add":{"text":" // this.keyboard = new KeyboardState();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7134"}},{"Add":{"text":" // this.app.ticker.add(() => {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7169"}},{"Add":{"text":" // this.keyboard.update();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7202"}},{"Add":{"text":" // })","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7212"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7213"}},{"Add":{"text":" // this.fpsTracker = new FpsTracker();","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7256"}},{"Add":{"text":" // this.app.ticker.add((delta) => {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7296"}},{"Add":{"text":" // // delta should be approximately equal to 1","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7349"}},{"Add":{"text":" // this.fpsTracker.tick(delta);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7387"}},{"Add":{"text":" // })","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7397"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7398"}},{"Add":{"text":" let pointNodeTexture = new Lazy(() => generatePointNodeTexture(this.app.renderer));","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7486"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7487"}},{"Add":{"text":" // test","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7499"}},{"Add":{"text":" // createBunnyExample({ parent: this.actionStage, ticker: this.app.ticker, x: this.app.screen.width / 2, y: this.app.screen.height / 2 });","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7642"}},{"Add":{"text":" this.app.ticker.add((delta) => this.baseGameLoop(delta));","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7704"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7708"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7709"}},{"Add":{"text":" /**","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7715"}},{"Add":{"text":" * Please only call once!!","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7744"}},{"Add":{"text":" * Usage: const container = useRef(null); useEffect(() => { application.register(container.current!); }, []);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7872"}},{"Add":{"text":" */","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7878"}},{"Add":{"text":" public register(curr: HTMLDivElement) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7920"}},{"Add":{"text":" curr.appendChild(this.app.view);","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7957"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7961"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7962"}},{"Add":{"text":" // render(props: {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:7983"}},{"Add":{"text":" // gameState: DeepReadonly,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8026"}},{"Add":{"text":" // pixiComponentState: PixiComponentState,","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8073"}},{"Add":{"text":" // }) { }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8085"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8086"}},{"Add":{"text":" baseGameLoop(delta: number) {","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8118"}},{"Add":{"text":" ","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8123"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8124"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8125"}},{"Add":{"text":" }","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8129"}},{"Add":{"text":"}","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8131"}},{"Add":{"text":"","pos":"DHO4JCJIELKX4R42XXAMAHVQTTE6OWULLP2QF4BXO3UWC5UTMSMAC:8132"}}]}}],"owner":"ambersz","repo":"procgen-skill-tree","token":"rrW0IF05KD718xSwtc6EaMh+3dk0ukUuvLhjhEyKQEk=","login":null}

…

Dependencies

Change contents

Review