Method onResetEvent

packages/examples/src/examples/text/text.ts:43–208

(app: Application)

 */
export class TextScreen extends Stage {
	onResetEvent(app: Application) {
		const w = app.viewport.width;

		app.world.addChild(new ColorLayer("background", "#202020"), 0);
		app.world.addChild(new BaselineOverlay(w, app.viewport.height), 2);

		// ---- Font size test (left side) ----
		let yPos = 0;
		for (let i = 8; i < 56; i += 8) {
			const t = new Text(5, yPos, {
				font: "Arial",
				size: i,
				fillStyle: "white",
				strokeStyle: "red",
				lineWidth: 1,
				textBaseline: "top",
				textAlign: "left",
				text: `Arial Text ${i}px !`,
			});
			t.setOpacity(0.5);
			app.world.addChild(t, 1);
			yPos += t.getBounds().height;
		}

		// ---- BitmapText size test (right side) ----
		yPos = 0;
		for (let i = 1; i < 5; i++) {
			const b = new BitmapText(w, yPos, {
				font: "xolo12",
				size: i * 0.75,
				textAlign: "right",
				textBaseline: "top",
				text: "BITMAP TEST",
			});
			b.fillStyle.parseCSS("indigo");
			for (let j = 0; j < i; j++) {
				b.fillStyle.lighten(0.25);
			}
			app.world.addChild(b, 1);
			yPos += b.getBounds().height * 1.5;
		}

		// ---- Font baseline test (y=200) ----
		const baselines = [
			"bottom",
			"ideographic",
			"alphabetic",
			"middle",
			"hanging",
			"top",
		];
		let xPos = 0;

		// we need a temp Text to measure widths for spacing
		const tmpFont = new Text(0, 0, {
			font: "Arial",
			size: 16,
			fillStyle: "white",