Use char cache mode for TextRenderer

packages/core/src/2d/assembler/IAssembler.ts

@@ -1,8 +1,11 @@
 import { Renderer } from "../../Renderer";
 
+/**
+ * @internal
+ */
 export interface IAssembler {
   resetData(renderer: Renderer): void;
   updateData(renderer: Renderer): void;
-  updatePositions(renderer: Renderer): void;
-  updateUVs(renderer: Renderer): void;
+  updatePositions?(renderer: Renderer): void;
+  updateUVs?(renderer: Renderer): void;
 }

packages/core/src/2d/assembler/SimpleSpriteAssembler.ts

@@ -4,10 +4,10 @@ import { SpriteRenderer } from "../sprite/SpriteRenderer";
 import { IAssembler } from "./IAssembler";
 import { StaticInterfaceImplement } from "./StaticInterfaceImplement";
 
-@StaticInterfaceImplement<IAssembler>()
 /**
  * @internal
  */
+@StaticInterfaceImplement<IAssembler>()
 export class SimpleSpriteAssembler {
   static _rectangleTriangles: number[] = [0, 1, 2, 2, 1, 3];
   static _worldMatrix: Matrix = new Matrix();

packages/core/src/2d/assembler/SlicedSpriteAssembler.ts

@@ -4,10 +4,10 @@ import { SpriteRenderer } from "../sprite/SpriteRenderer";
 import { IAssembler } from "./IAssembler";
 import { StaticInterfaceImplement } from "./StaticInterfaceImplement";
 
-@StaticInterfaceImplement<IAssembler>()
 /**
  * @internal
  */
+@StaticInterfaceImplement<IAssembler>()
 export class SlicedSpriteAssembler {
   static _worldMatrix: Matrix = new Matrix();
   static resetData(renderer: SpriteRenderer | SpriteMask): void {

packages/core/src/2d/assembler/StaticInterfaceImplement.ts

@@ -2,9 +2,9 @@
  *  Static interface implement decorator.
  *  https://stackoverflow.com/questions/13955157/how-to-define-static-property-in-typescript-interface
  */
- export function StaticInterfaceImplement<T>() {
-    return <U extends T>(constructor: U) => {
-      constructor;
-    };
-  }
-  
+export function StaticInterfaceImplement<T>() {
+  return <U extends T>(constructor: U) => {
+    constructor;
+  };
+}
+

packages/core/src/2d/atlas/FontAtlas.ts

@@ -0,0 +1,93 @@
+import { RefObject } from "../../asset/RefObject";
+import { Engine } from "../../Engine";
+import { Texture2D } from "../../texture/Texture2D";
+import { CharInfo } from "../text/CharInfo";
+
+/**
+ * @internal
+ * Font Atlas.
+ */
+export class FontAtlas extends RefObject {
+  private _charInfoMap: Record<number, CharInfo> = {};
+  private _texture: Texture2D;
+  private _space: number = 1;
+  private _curX: number = 1;
+  private _curY: number = 1;
+  private _nextY: number = 1;
+
+  get texture(): Texture2D {
+    return this._texture;
+  }
+
+  set texture(value: Texture2D) {
+    this._texture = value;
+  }
+
+  /**
+   * Constructor a FontAtlas.
+   * @param engine - Engine to which the FontAtlas belongs
+   */
+  constructor(engine: Engine) {
+    super(engine);
+  }
+
+  /**
+   * @override
+   */
+  _onDestroy(): void {
+    this._texture.destroy();
+    this._texture = null;
+    this._charInfoMap = {};
+  }
+
+  uploadCharTexture(charInfo: CharInfo, imageSource: TexImageSource | OffscreenCanvas): boolean {
+    const { w: width, h: height } = charInfo;
+    const { _space: space, texture } = this;
+    const textureSize = texture.width;
+    const offsetWidth = width + space;
+    const offsetHeight = height + space;
+    if ((1 + offsetWidth) >= textureSize || (1 + offsetHeight) >= textureSize) {
+      throw Error("The char fontSize is too large.");
+    }
+
+    const endX = this._curX + offsetWidth;
+    if (endX >= textureSize) {
+      this._curX = space;
+      this._curY = this._nextY + space;
+    }
+    const endY = this._curY + offsetHeight;
+    if (endY > this._nextY) {
+      this._nextY = endY;
+    }
+    if (endY >= textureSize) {
+      return false;
+    }
+
+    if (width > 0 && height > 0) {
+      texture.setImageSource(imageSource, 0, false, false,  this._curX, this._curY);
+      texture.generateMipmaps();
+    }
+
+    const textureSizeReciprocal = 1.0 / textureSize;
+    const x = this._curX;
+    const y = this._curY;
+    const w = width;
+    const h = height;
+    charInfo.x = x;
+    charInfo.y = y;
+    charInfo.u0 = x * textureSizeReciprocal;
+    charInfo.u1 = (x + w) * textureSizeReciprocal;
+    charInfo.v0 = y * textureSizeReciprocal;
+    charInfo.v1 = (y + h) * textureSizeReciprocal;
+    this._curX += offsetWidth + space;
+    return true;
+  }
+
+  addCharInfo(char: string, charInfo: CharInfo) {
+    this._charInfoMap[char.charCodeAt(0)] = charInfo;
+  }
+
+  getCharInfo(char: string): CharInfo {
+    return this._charInfoMap[char.charCodeAt(0)];
+  }
+}