-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Split out toaster and winddial components and make them more efficient
- Loading branch information
Showing
11 changed files
with
229 additions
and
107 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,80 @@ | ||
| import { ColorSource, Graphics, Container, Ticker, Text } from "pixi.js"; | ||
| import { DefaultTextStyle, applyGenericBoxStyle } from "../mixins/styles"; | ||
|
|
||
| interface Toast { | ||
| text: string; | ||
| timer: number; | ||
| color: ColorSource; | ||
| interruptable: boolean; | ||
| } | ||
|
|
||
| /** | ||
| * Displays toast at the top of the screen during gameplay. | ||
| */ | ||
| export class Toaster { | ||
| private readonly gfx: Graphics; | ||
| private toastTime = 0; | ||
| private currentToastIsInterruptable = true; | ||
| private toaster: Toast[] = []; | ||
| private readonly text: Text; | ||
| public readonly container: Container; | ||
|
|
||
| constructor(private readonly screenWidth: number, private readonly screenHeight: number) { | ||
| const topY = this.screenHeight / 20; | ||
| this.container = new Container(); | ||
| this.gfx = new Graphics(); | ||
| this.text = new Text({ | ||
| text: '', | ||
| style: { | ||
| ...DefaultTextStyle, | ||
| fontSize: 48, | ||
| align: 'center', | ||
| }, | ||
| }); | ||
| this.text.position.set(this.screenWidth / 2, topY); | ||
| this.text.anchor.set(0.5, 0.5); | ||
| this.container.addChild(this.gfx, this.text); | ||
| } | ||
|
|
||
| public update(dt: Ticker) { | ||
| const shouldInterrupt = this.currentToastIsInterruptable && this.toaster.length; | ||
|
|
||
| if (!this.text.text || shouldInterrupt) { | ||
| const newToast = this.toaster.pop(); | ||
| if (newToast) { | ||
| this.gfx.clear(); | ||
| this.text.text = newToast.text; | ||
| this.text.style.fill = newToast.color; | ||
| this.toastTime = newToast.timer; | ||
| this.currentToastIsInterruptable = newToast.interruptable; | ||
| this.gfx.position.set( | ||
| (this.screenWidth / 2) - (this.text.width /2) - 6, | ||
| (this.screenHeight / 20) - (this.text.height/2) - 4, | ||
| ) | ||
| applyGenericBoxStyle(this.gfx).roundRect(0, 0, this.text.width + 12, this.text.height + 8, 4).stroke().fill(); | ||
| } | ||
| } | ||
|
|
||
| if (this.text.text) { | ||
| // Render toast | ||
| this.toastTime -= dt.deltaMS; | ||
| this.container.alpha = Math.min(1, this.toastTime/100); | ||
| if (this.toastTime <= 0) { | ||
| this.text.text = ''; | ||
| this.toastTime = 0; | ||
| this.gfx.clear(); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /** | ||
| * Adds some text to be displayed at the top of the screen. | ||
| * @param text The text notice. | ||
| * @param timer How long should the notice be displayed. | ||
| * @param color The colour of the text. | ||
| * @param interruptable Should the toast be interrupted by the next notice? | ||
| */ | ||
| public pushToast(text: string, timer = 5000, color: ColorSource = '#FFFFFF', interruptable = false) { | ||
| this.toaster.splice(0,0, { text, timer, color, interruptable }); | ||
| } | ||
| } |
Oops, something went wrong.