GDevelop/Extensions/TiledSpriteObject/tiledspriteruntimeobject-pixi-renderer.ts

namespace gdjs {
  class TiledSpriteRuntimeObjectPixiRenderer {
    _object: gdjs.TiledSpriteRuntimeObject;
    _tiledSprite: PIXI.TilingSprite;

    constructor(
      runtimeObject: gdjs.TiledSpriteRuntimeObject,
      instanceContainer: gdjs.RuntimeInstanceContainer,
      textureName: string
    ) {
      this._object = runtimeObject;
      const texture = instanceContainer
        .getGame()
        .getImageManager()
        .getPIXITexture(textureName);
      this._tiledSprite = new PIXI.TilingSprite(texture, 1024, 1024);

      instanceContainer
        .getLayer('')
        .getRenderer()
        .addRendererObject(this._tiledSprite, runtimeObject.getZOrder());
      this.updatePosition();
      this.updateAngle();
      this.updateXOffset();
      this.updateYOffset();
    }

    getRendererObject() {
      return this._tiledSprite;
    }

    updateOpacity(): void {
      this._tiledSprite.alpha = this._object.opacity / 255;
    }

    updatePosition(): void {
      this._tiledSprite.position.x =
        this._object.x + this._tiledSprite.width / 2;
      this._tiledSprite.position.y =
        this._object.y + this._tiledSprite.height / 2;
    }

    setTexture(
      textureName: string,
      instanceContainer: RuntimeInstanceContainer
    ): void {
      const texture = instanceContainer
        .getGame()
        .getImageManager()
        .getPIXITexture(textureName);
      this._tiledSprite.texture = texture;
      this.updatePosition();
    }

    updateAngle(): void {
      this._tiledSprite.rotation = gdjs.toRad(this._object.angle);
    }

    getWidth(): float {
      return this._tiledSprite.width;
    }

    getHeight(): float {
      return this._tiledSprite.height;
    }

    setWidth(width: float): void {
      this._tiledSprite.width = width;
      this._tiledSprite.pivot.x = width / 2;
      this.updatePosition();
    }

    setHeight(height: float): void {
      this._tiledSprite.height = height;
      this._tiledSprite.pivot.y = height / 2;
      this.updatePosition();
    }

    updateXOffset(): void {
      // Known PIXI.js issue, the coordinates should not exceed the width/height of the texture,
      // otherwise the texture will be pixelated over time.
      // See https://github.com/pixijs/pixijs/issues/7891#issuecomment-947549553
      this._tiledSprite.tilePosition.x =
        -this._object._xOffset % this._tiledSprite.texture.width;
    }

    updateYOffset(): void {
      // Known PIXI.js issue, the coordinates should not exceed the width/height of the texture,
      // otherwise the texture will be pixelated over time.
      // See https://github.com/pixijs/pixijs/issues/7891#issuecomment-947549553
      this._tiledSprite.tilePosition.y =
        -this._object._yOffset % this._tiledSprite.texture.height;
    }

    setColor(rgbOrHexColor: string): void {
      this._tiledSprite.tint = gdjs.rgbOrHexStringToNumber(rgbOrHexColor);
    }

    getColor() {
      const rgb = new PIXI.Color(this._tiledSprite.tint).toRgbArray();
      return (
        Math.round(rgb[0] * 255) +
        ';' +
        Math.round(rgb[1] * 255) +
        ';' +
        Math.round(rgb[2] * 255)
      );
    }

    getTextureWidth() {
      return this._tiledSprite.texture.width;
    }

    getTextureHeight() {
      return this._tiledSprite.texture.height;
    }

    destroy(): void {
      // Keep textures because they are shared by all sprites.
      this._tiledSprite.destroy(false);
    }
  }

  export const TiledSpriteRuntimeObjectRenderer =
    TiledSpriteRuntimeObjectPixiRenderer;
  export type TiledSpriteRuntimeObjectRenderer =
    TiledSpriteRuntimeObjectPixiRenderer;
}