gdcore-tools 2.0.0-beta5 → 2.0.0-beta7

package/dist/Runtime/Extensions/AnchorBehavior/anchorruntimebehavior.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../GDevelop/Extensions/AnchorBehavior/anchorruntimebehavior.ts"],
-  "sourcesContent": ["/*\nGDevelop - Anchor Behavior Extension\nCopyright (c) 2013-2016 Florian Rival (Florian.Rival@gmail.com)\n */\n\nnamespace gdjs {\n  export class AnchorRuntimeBehavior extends gdjs.RuntimeBehavior {\n    _relativeToOriginalWindowSize: any;\n    _leftEdgeAnchor: any;\n    _rightEdgeAnchor: any;\n    _topEdgeAnchor: any;\n    _bottomEdgeAnchor: any;\n    _invalidDistances: boolean = true;\n    _leftEdgeDistance: number = 0;\n    _rightEdgeDistance: number = 0;\n    _topEdgeDistance: number = 0;\n    _bottomEdgeDistance: number = 0;\n    _useLegacyBottomAndRightAnchors: boolean = false;\n\n    constructor(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      behaviorData,\n      owner: gdjs.RuntimeObject\n    ) {\n      super(instanceContainer, behaviorData, owner);\n      this._relativeToOriginalWindowSize = !!behaviorData.relativeToOriginalWindowSize;\n      this._leftEdgeAnchor = behaviorData.leftEdgeAnchor;\n      this._rightEdgeAnchor = behaviorData.rightEdgeAnchor;\n      this._topEdgeAnchor = behaviorData.topEdgeAnchor;\n      this._bottomEdgeAnchor = behaviorData.bottomEdgeAnchor;\n      this._useLegacyBottomAndRightAnchors =\n        behaviorData.useLegacyBottomAndRightAnchors === undefined\n          ? true\n          : behaviorData.useLegacyBottomAndRightAnchors;\n    }\n\n    updateFromBehaviorData(oldBehaviorData, newBehaviorData): boolean {\n      if (oldBehaviorData.leftEdgeAnchor !== newBehaviorData.leftEdgeAnchor) {\n        this._leftEdgeAnchor = newBehaviorData.leftEdgeAnchor;\n      }\n      if (oldBehaviorData.rightEdgeAnchor !== newBehaviorData.rightEdgeAnchor) {\n        this._rightEdgeAnchor = newBehaviorData.rightEdgeAnchor;\n      }\n      if (oldBehaviorData.topEdgeAnchor !== newBehaviorData.topEdgeAnchor) {\n        this._topEdgeAnchor = newBehaviorData.topEdgeAnchor;\n      }\n      if (\n        oldBehaviorData.bottomEdgeAnchor !== newBehaviorData.bottomEdgeAnchor\n      ) {\n        this._bottomEdgeAnchor = newBehaviorData.bottomEdgeAnchor;\n      }\n      if (\n        oldBehaviorData.useLegacyTrajectory !==\n        newBehaviorData.useLegacyTrajectory\n      ) {\n        this._useLegacyBottomAndRightAnchors =\n          newBehaviorData.useLegacyBottomAndRightAnchors;\n      }\n      if (\n        oldBehaviorData.relativeToOriginalWindowSize !==\n        newBehaviorData.relativeToOriginalWindowSize\n      ) {\n        return false;\n      }\n      return true;\n    }\n\n    onActivate() {\n      this._invalidDistances = true;\n    }\n\n    doStepPreEvents(instanceContainer: gdjs.RuntimeInstanceContainer) {\n      const workingPoint: FloatPoint = gdjs.staticArray(\n        gdjs.AnchorRuntimeBehavior.prototype.doStepPreEvents\n      ) as FloatPoint;\n      // TODO EBO Make it work with event based objects or hide this behavior for them.\n      const game = instanceContainer.getGame();\n      let rendererWidth = game.getGameResolutionWidth();\n      let rendererHeight = game.getGameResolutionHeight();\n      const layer = instanceContainer.getLayer(this.owner.getLayer());\n      if (this._invalidDistances) {\n        if (this._relativeToOriginalWindowSize) {\n          rendererWidth = game.getOriginalWidth();\n          rendererHeight = game.getOriginalHeight();\n        }\n\n        //Calculate the distances from the window's bounds.\n        const topLeftPixel = layer.convertCoords(\n          this.owner.getDrawableX(),\n          this.owner.getDrawableY(),\n          0,\n          workingPoint\n        );\n\n        //Left edge\n        if (\n          this._leftEdgeAnchor ===\n          AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_LEFT\n        ) {\n          this._leftEdgeDistance = topLeftPixel[0];\n        } else {\n          if (\n            this._leftEdgeAnchor ===\n            AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_RIGHT\n          ) {\n            this._leftEdgeDistance = rendererWidth - topLeftPixel[0];\n          } else {\n            if (\n              this._leftEdgeAnchor ===\n              AnchorRuntimeBehavior.HorizontalAnchor.PROPORTIONAL\n            ) {\n              this._leftEdgeDistance = topLeftPixel[0] / rendererWidth;\n            }\n          }\n        }\n\n        //Top edge\n        if (\n          this._topEdgeAnchor ===\n          AnchorRuntimeBehavior.VerticalAnchor.WINDOW_TOP\n        ) {\n          this._topEdgeDistance = topLeftPixel[1];\n        } else {\n          if (\n            this._topEdgeAnchor ===\n            AnchorRuntimeBehavior.VerticalAnchor.WINDOW_BOTTOM\n          ) {\n            this._topEdgeDistance = rendererHeight - topLeftPixel[1];\n          } else {\n            if (\n              this._topEdgeAnchor ===\n              AnchorRuntimeBehavior.VerticalAnchor.PROPORTIONAL\n            ) {\n              this._topEdgeDistance = topLeftPixel[1] / rendererHeight;\n            }\n          }\n        }\n        // It's fine to reuse workingPoint as topLeftPixel is no longer used.\n        const bottomRightPixel = layer.convertCoords(\n          this.owner.getDrawableX() + this.owner.getWidth(),\n          this.owner.getDrawableY() + this.owner.getHeight(),\n          0,\n          workingPoint\n        );\n\n        //Right edge\n        if (\n          this._rightEdgeAnchor ===\n          AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_LEFT\n        ) {\n          this._rightEdgeDistance = bottomRightPixel[0];\n        } else {\n          if (\n            this._rightEdgeAnchor ===\n            AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_RIGHT\n          ) {\n            this._rightEdgeDistance = rendererWidth - bottomRightPixel[0];\n          } else {\n            if (\n              this._rightEdgeAnchor ===\n              AnchorRuntimeBehavior.HorizontalAnchor.PROPORTIONAL\n            ) {\n              this._rightEdgeDistance = bottomRightPixel[0] / rendererWidth;\n            }\n          }\n        }\n\n        //Bottom edge\n        if (\n          this._bottomEdgeAnchor ===\n          AnchorRuntimeBehavior.VerticalAnchor.WINDOW_TOP\n        ) {\n          this._bottomEdgeDistance = bottomRightPixel[1];\n        } else {\n          if (\n            this._bottomEdgeAnchor ===\n            AnchorRuntimeBehavior.VerticalAnchor.WINDOW_BOTTOM\n          ) {\n            this._bottomEdgeDistance = rendererHeight - bottomRightPixel[1];\n          } else {\n            if (\n              this._bottomEdgeAnchor ===\n              AnchorRuntimeBehavior.VerticalAnchor.PROPORTIONAL\n            ) {\n              this._bottomEdgeDistance = bottomRightPixel[1] / rendererHeight;\n            }\n          }\n        }\n        this._invalidDistances = false;\n      } else {\n        //Move and resize the object if needed\n        let leftPixel = 0;\n        let topPixel = 0;\n        let rightPixel = 0;\n        let bottomPixel = 0;\n\n        //Left edge\n        if (\n          this._leftEdgeAnchor ===\n          AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_LEFT\n        ) {\n          leftPixel = this._leftEdgeDistance;\n        } else {\n          if (\n            this._leftEdgeAnchor ===\n            AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_RIGHT\n          ) {\n            leftPixel = rendererWidth - this._leftEdgeDistance;\n          } else {\n            if (\n              this._leftEdgeAnchor ===\n              AnchorRuntimeBehavior.HorizontalAnchor.PROPORTIONAL\n            ) {\n              leftPixel = this._leftEdgeDistance * rendererWidth;\n            }\n          }\n        }\n\n        //Top edge\n        if (\n          this._topEdgeAnchor ===\n          AnchorRuntimeBehavior.VerticalAnchor.WINDOW_TOP\n        ) {\n          topPixel = this._topEdgeDistance;\n        } else {\n          if (\n            this._topEdgeAnchor ===\n            AnchorRuntimeBehavior.VerticalAnchor.WINDOW_BOTTOM\n          ) {\n            topPixel = rendererHeight - this._topEdgeDistance;\n          } else {\n            if (\n              this._topEdgeAnchor ===\n              AnchorRuntimeBehavior.VerticalAnchor.PROPORTIONAL\n            ) {\n              topPixel = this._topEdgeDistance * rendererHeight;\n            }\n          }\n        }\n\n        //Right edge\n        if (\n          this._rightEdgeAnchor ===\n          AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_LEFT\n        ) {\n          rightPixel = this._rightEdgeDistance;\n        } else {\n          if (\n            this._rightEdgeAnchor ===\n            AnchorRuntimeBehavior.HorizontalAnchor.WINDOW_RIGHT\n          ) {\n            rightPixel = rendererWidth - this._rightEdgeDistance;\n          } else {\n            if (\n              this._rightEdgeAnchor ===\n              AnchorRuntimeBehavior.HorizontalAnchor.PROPORTIONAL\n            ) {\n              rightPixel = this._rightEdgeDistance * rendererWidth;\n            }\n          }\n        }\n\n        //Bottom edge\n        if (\n          this._bottomEdgeAnchor ===\n          AnchorRuntimeBehavior.VerticalAnchor.WINDOW_TOP\n        ) {\n          bottomPixel = this._bottomEdgeDistance;\n        } else {\n          if (\n            this._bottomEdgeAnchor ===\n            AnchorRuntimeBehavior.VerticalAnchor.WINDOW_BOTTOM\n          ) {\n            bottomPixel = rendererHeight - this._bottomEdgeDistance;\n          } else {\n            if (\n              this._bottomEdgeAnchor ===\n              AnchorRuntimeBehavior.VerticalAnchor.PROPORTIONAL\n            ) {\n              bottomPixel = this._bottomEdgeDistance * rendererHeight;\n            }\n          }\n        }\n        // It's fine to reuse workingPoint as topLeftPixel is no longer used.\n        const topLeftCoord = layer.convertInverseCoords(\n          leftPixel,\n          topPixel,\n          0,\n          workingPoint\n        );\n        const left = topLeftCoord[0];\n        const top = topLeftCoord[1];\n\n        const bottomRightCoord = layer.convertInverseCoords(\n          rightPixel,\n          bottomPixel,\n          0,\n          workingPoint\n        );\n        const right = bottomRightCoord[0];\n        const bottom = bottomRightCoord[1];\n\n        // Compatibility with GD <= 5.0.133\n        if (this._useLegacyBottomAndRightAnchors) {\n          //Move and resize the object according to the anchors\n          if (\n            this._rightEdgeAnchor !==\n            AnchorRuntimeBehavior.HorizontalAnchor.NONE\n          ) {\n            this.owner.setWidth(right - left);\n          }\n          if (\n            this._bottomEdgeAnchor !== AnchorRuntimeBehavior.VerticalAnchor.NONE\n          ) {\n            this.owner.setHeight(bottom - top);\n          }\n          if (\n            this._leftEdgeAnchor !== AnchorRuntimeBehavior.HorizontalAnchor.NONE\n          ) {\n            this.owner.setX(\n              left + this.owner.getX() - this.owner.getDrawableX()\n            );\n          }\n          if (\n            this._topEdgeAnchor !== AnchorRuntimeBehavior.VerticalAnchor.NONE\n          ) {\n            this.owner.setY(\n              top + this.owner.getY() - this.owner.getDrawableY()\n            );\n          }\n        }\n        // End of compatibility code\n        else {\n          // Resize if right and left anchors are set\n          if (\n            this._rightEdgeAnchor !==\n              AnchorRuntimeBehavior.HorizontalAnchor.NONE &&\n            this._leftEdgeAnchor !== AnchorRuntimeBehavior.HorizontalAnchor.NONE\n          ) {\n            this.owner.setWidth(right - left);\n            this.owner.setX(left);\n          } else {\n            if (\n              this._leftEdgeAnchor !==\n              AnchorRuntimeBehavior.HorizontalAnchor.NONE\n            ) {\n              this.owner.setX(\n                left + this.owner.getX() - this.owner.getDrawableX()\n              );\n            }\n            if (\n              this._rightEdgeAnchor !==\n              AnchorRuntimeBehavior.HorizontalAnchor.NONE\n            ) {\n              this.owner.setX(\n                right +\n                  this.owner.getX() -\n                  this.owner.getDrawableX() -\n                  this.owner.getWidth()\n              );\n            }\n          }\n          // Resize if top and bottom anchors are set\n          if (\n            this._bottomEdgeAnchor !==\n              AnchorRuntimeBehavior.VerticalAnchor.NONE &&\n            this._topEdgeAnchor !== AnchorRuntimeBehavior.VerticalAnchor.NONE\n          ) {\n            this.owner.setHeight(bottom - top);\n            this.owner.setY(top);\n          } else {\n            if (\n              this._topEdgeAnchor !== AnchorRuntimeBehavior.VerticalAnchor.NONE\n            ) {\n              this.owner.setY(\n                top + this.owner.getY() - this.owner.getDrawableY()\n              );\n            }\n            if (\n              this._bottomEdgeAnchor !==\n              AnchorRuntimeBehavior.VerticalAnchor.NONE\n            ) {\n              this.owner.setY(\n                bottom +\n                  this.owner.getY() -\n                  this.owner.getDrawableY() -\n                  this.owner.getHeight()\n              );\n            }\n          }\n        }\n      }\n    }\n\n    doStepPostEvents(instanceContainer: gdjs.RuntimeInstanceContainer) {}\n\n    static HorizontalAnchor = {\n      NONE: 0,\n      WINDOW_LEFT: 1,\n      WINDOW_RIGHT: 2,\n      PROPORTIONAL: 3,\n    };\n    static VerticalAnchor = {\n      NONE: 0,\n      WINDOW_TOP: 1,\n      WINDOW_BOTTOM: 2,\n      PROPORTIONAL: 3,\n    };\n  }\n  gdjs.registerBehavior(\n    'AnchorBehavior::AnchorBehavior',\n    gdjs.AnchorRuntimeBehavior\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*\nGDevelop - Anchor Behavior Extension\nCopyright (c) 2013-2016 Florian Rival (Florian.Rival@gmail.com)\n */\n\nnamespace gdjs {\n  const enum HorizontalAnchor {\n    None = 0,\n    WindowLeft,\n    WindowRight,\n    Proportional,\n    WindowCenter,\n  }\n  const enum VerticalAnchor {\n    None = 0,\n    WindowTop,\n    WindowBottom,\n    Proportional,\n    WindowCenter,\n  }\n\n  export class AnchorRuntimeBehavior extends gdjs.RuntimeBehavior {\n    _relativeToOriginalWindowSize: any;\n    _leftEdgeAnchor: HorizontalAnchor;\n    _rightEdgeAnchor: HorizontalAnchor;\n    _topEdgeAnchor: any;\n    _bottomEdgeAnchor: any;\n    _invalidDistances: boolean = true;\n    _leftEdgeDistance: number = 0;\n    _rightEdgeDistance: number = 0;\n    _topEdgeDistance: number = 0;\n    _bottomEdgeDistance: number = 0;\n    _useLegacyBottomAndRightAnchors: boolean = false;\n\n    constructor(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      behaviorData,\n      owner: gdjs.RuntimeObject\n    ) {\n      super(instanceContainer, behaviorData, owner);\n      this._relativeToOriginalWindowSize = !!behaviorData.relativeToOriginalWindowSize;\n      this._leftEdgeAnchor = behaviorData.leftEdgeAnchor;\n      this._rightEdgeAnchor = behaviorData.rightEdgeAnchor;\n      this._topEdgeAnchor = behaviorData.topEdgeAnchor;\n      this._bottomEdgeAnchor = behaviorData.bottomEdgeAnchor;\n      this._useLegacyBottomAndRightAnchors =\n        behaviorData.useLegacyBottomAndRightAnchors === undefined\n          ? true\n          : behaviorData.useLegacyBottomAndRightAnchors;\n    }\n\n    updateFromBehaviorData(oldBehaviorData, newBehaviorData): boolean {\n      if (oldBehaviorData.leftEdgeAnchor !== newBehaviorData.leftEdgeAnchor) {\n        this._leftEdgeAnchor = newBehaviorData.leftEdgeAnchor;\n      }\n      if (oldBehaviorData.rightEdgeAnchor !== newBehaviorData.rightEdgeAnchor) {\n        this._rightEdgeAnchor = newBehaviorData.rightEdgeAnchor;\n      }\n      if (oldBehaviorData.topEdgeAnchor !== newBehaviorData.topEdgeAnchor) {\n        this._topEdgeAnchor = newBehaviorData.topEdgeAnchor;\n      }\n      if (\n        oldBehaviorData.bottomEdgeAnchor !== newBehaviorData.bottomEdgeAnchor\n      ) {\n        this._bottomEdgeAnchor = newBehaviorData.bottomEdgeAnchor;\n      }\n      if (\n        oldBehaviorData.useLegacyTrajectory !==\n        newBehaviorData.useLegacyTrajectory\n      ) {\n        this._useLegacyBottomAndRightAnchors =\n          newBehaviorData.useLegacyBottomAndRightAnchors;\n      }\n      if (\n        oldBehaviorData.relativeToOriginalWindowSize !==\n        newBehaviorData.relativeToOriginalWindowSize\n      ) {\n        return false;\n      }\n      return true;\n    }\n\n    onActivate() {\n      this._invalidDistances = true;\n    }\n\n    doStepPreEvents(instanceContainer: gdjs.RuntimeInstanceContainer) {\n      const workingPoint: FloatPoint = gdjs.staticArray(\n        gdjs.AnchorRuntimeBehavior.prototype.doStepPreEvents\n      ) as FloatPoint;\n      let parentMinX = instanceContainer.getUnrotatedViewportMinX();\n      let parentMinY = instanceContainer.getUnrotatedViewportMinY();\n      let parentMaxX = instanceContainer.getUnrotatedViewportMaxX();\n      let parentMaxY = instanceContainer.getUnrotatedViewportMaxY();\n      let parentCenterX = (parentMaxX + parentMinX) / 2;\n      let parentCenterY = (parentMaxY + parentMinY) / 2;\n      let parentWidth = parentMaxX - parentMinX;\n      let parentHeight = parentMaxY - parentMinY;\n      const layer = instanceContainer.getLayer(this.owner.getLayer());\n      if (this._invalidDistances) {\n        if (this._relativeToOriginalWindowSize) {\n          parentMinX = instanceContainer.getInitialUnrotatedViewportMinX();\n          parentMinY = instanceContainer.getInitialUnrotatedViewportMinY();\n          parentMaxX = instanceContainer.getInitialUnrotatedViewportMaxX();\n          parentMaxY = instanceContainer.getInitialUnrotatedViewportMaxY();\n          parentCenterX = (parentMaxX + parentMinX) / 2;\n          parentCenterY = (parentMaxY + parentMinY) / 2;\n          parentWidth = parentMaxX - parentMinX;\n          parentHeight = parentMaxY - parentMinY;\n        }\n\n        //Calculate the distances from the window's bounds.\n        const topLeftPixel = this._convertCoords(\n          instanceContainer,\n          layer,\n          this.owner.getDrawableX(),\n          this.owner.getDrawableY(),\n          workingPoint\n        );\n\n        // Left edge\n        if (this._leftEdgeAnchor === HorizontalAnchor.WindowLeft) {\n          this._leftEdgeDistance = topLeftPixel[0] - parentMinX;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.WindowRight) {\n          this._leftEdgeDistance = topLeftPixel[0] - parentMaxX;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.Proportional) {\n          this._leftEdgeDistance = (topLeftPixel[0] - parentMinX) / parentWidth;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.WindowCenter) {\n          this._leftEdgeDistance = topLeftPixel[0] - parentCenterX;\n        }\n\n        // Top edge\n        if (this._topEdgeAnchor === VerticalAnchor.WindowTop) {\n          this._topEdgeDistance = topLeftPixel[1] - parentMinY;\n        } else if (this._topEdgeAnchor === VerticalAnchor.WindowBottom) {\n          this._topEdgeDistance = topLeftPixel[1] - parentMaxY;\n        } else if (this._topEdgeAnchor === VerticalAnchor.Proportional) {\n          this._topEdgeDistance = (topLeftPixel[1] - parentMinY) / parentHeight;\n        } else if (this._topEdgeAnchor === VerticalAnchor.WindowCenter) {\n          this._topEdgeDistance = topLeftPixel[1] - parentCenterY;\n        }\n\n        // It's fine to reuse workingPoint as topLeftPixel is no longer used.\n        const bottomRightPixel = this._convertCoords(\n          instanceContainer,\n          layer,\n          this.owner.getDrawableX() + this.owner.getWidth(),\n          this.owner.getDrawableY() + this.owner.getHeight(),\n          workingPoint\n        );\n\n        // Right edge\n        if (this._rightEdgeAnchor === HorizontalAnchor.WindowLeft) {\n          this._rightEdgeDistance = bottomRightPixel[0] - parentMinX;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.WindowRight) {\n          this._rightEdgeDistance = bottomRightPixel[0] - parentMaxX;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.Proportional) {\n          this._rightEdgeDistance =\n            (bottomRightPixel[0] - parentMinX) / parentWidth;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.WindowCenter) {\n          this._rightEdgeDistance = bottomRightPixel[0] - parentCenterX;\n        }\n\n        // Bottom edge\n        if (this._bottomEdgeAnchor === VerticalAnchor.WindowTop) {\n          this._bottomEdgeDistance = bottomRightPixel[1] - parentMinY;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.WindowBottom) {\n          this._bottomEdgeDistance = bottomRightPixel[1] - parentMaxY;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.Proportional) {\n          this._bottomEdgeDistance =\n            (bottomRightPixel[1] - parentMinY) / parentHeight;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.WindowCenter) {\n          this._bottomEdgeDistance = bottomRightPixel[1] - parentCenterY;\n        }\n\n        this._invalidDistances = false;\n      } else {\n        //Move and resize the object if needed\n        let leftPixel = 0;\n        let topPixel = 0;\n        let rightPixel = 0;\n        let bottomPixel = 0;\n\n        // Left edge\n        if (this._leftEdgeAnchor === HorizontalAnchor.WindowLeft) {\n          leftPixel = parentMinX + this._leftEdgeDistance;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.WindowRight) {\n          leftPixel = parentMaxX + this._leftEdgeDistance;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.Proportional) {\n          leftPixel = parentMinX + this._leftEdgeDistance * parentWidth;\n        } else if (this._leftEdgeAnchor === HorizontalAnchor.WindowCenter) {\n          leftPixel = parentCenterX + this._leftEdgeDistance;\n        }\n\n        // Top edge\n        if (this._topEdgeAnchor === VerticalAnchor.WindowTop) {\n          topPixel = parentMinY + this._topEdgeDistance;\n        } else if (this._topEdgeAnchor === VerticalAnchor.WindowBottom) {\n          topPixel = parentMaxY + this._topEdgeDistance;\n        } else if (this._topEdgeAnchor === VerticalAnchor.Proportional) {\n          topPixel = parentMinY + this._topEdgeDistance * parentHeight;\n        } else if (this._topEdgeAnchor === VerticalAnchor.WindowCenter) {\n          topPixel = parentCenterY + this._topEdgeDistance;\n        }\n\n        // Right edge\n        if (this._rightEdgeAnchor === HorizontalAnchor.WindowLeft) {\n          rightPixel = parentMinX + this._rightEdgeDistance;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.WindowRight) {\n          rightPixel = parentMaxX + this._rightEdgeDistance;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.Proportional) {\n          rightPixel = parentMinX + this._rightEdgeDistance * parentWidth;\n        } else if (this._rightEdgeAnchor === HorizontalAnchor.WindowCenter) {\n          rightPixel = parentCenterX + this._rightEdgeDistance;\n        }\n\n        // Bottom edge\n        if (this._bottomEdgeAnchor === VerticalAnchor.WindowTop) {\n          bottomPixel = parentMinY + this._bottomEdgeDistance;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.WindowBottom) {\n          bottomPixel = parentMaxY + this._bottomEdgeDistance;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.Proportional) {\n          bottomPixel = parentMinY + this._bottomEdgeDistance * parentHeight;\n        } else if (this._bottomEdgeAnchor === VerticalAnchor.WindowCenter) {\n          bottomPixel = parentCenterY + this._bottomEdgeDistance;\n        }\n\n        // It's fine to reuse workingPoint as topLeftPixel is no longer used.\n        const topLeftCoord = this._convertInverseCoords(\n          instanceContainer,\n          layer,\n          leftPixel,\n          topPixel,\n          workingPoint\n        );\n        const left = topLeftCoord[0];\n        const top = topLeftCoord[1];\n\n        const bottomRightCoord = this._convertInverseCoords(\n          instanceContainer,\n          layer,\n          rightPixel,\n          bottomPixel,\n          workingPoint\n        );\n        const right = bottomRightCoord[0];\n        const bottom = bottomRightCoord[1];\n\n        // Compatibility with GD <= 5.0.133\n        if (this._useLegacyBottomAndRightAnchors) {\n          //Move and resize the object according to the anchors\n          if (this._rightEdgeAnchor !== HorizontalAnchor.None) {\n            this.owner.setWidth(right - left);\n          }\n          if (this._bottomEdgeAnchor !== VerticalAnchor.None) {\n            this.owner.setHeight(bottom - top);\n          }\n          if (this._leftEdgeAnchor !== HorizontalAnchor.None) {\n            this.owner.setX(\n              left + this.owner.getX() - this.owner.getDrawableX()\n            );\n          }\n          if (this._topEdgeAnchor !== VerticalAnchor.None) {\n            this.owner.setY(\n              top + this.owner.getY() - this.owner.getDrawableY()\n            );\n          }\n        }\n        // End of compatibility code\n        else {\n          // Resize if right and left anchors are set\n          if (\n            this._rightEdgeAnchor !== HorizontalAnchor.None &&\n            this._leftEdgeAnchor !== HorizontalAnchor.None\n          ) {\n            const width = right - left;\n            this.owner.setX(\n              this.owner.getX() === this.owner.getDrawableX()\n                ? left\n                : // It uses the position of the origin relatively to the object\n                  // size to apply it with the new size.\n                  // This is the same as doing:\n                  // lerp(left, right, (this.owner.getX() - this.owner.getDrawableX() / this.owner.getWidth())\n                  // But, the division is done at the end to avoid rounding errors.\n                  left +\n                    ((this.owner.getX() - this.owner.getDrawableX()) * width) /\n                      this.owner.getWidth()\n            );\n            this.owner.setWidth(width);\n          } else {\n            if (this._leftEdgeAnchor !== HorizontalAnchor.None) {\n              this.owner.setX(\n                left + this.owner.getX() - this.owner.getDrawableX()\n              );\n            }\n            if (this._rightEdgeAnchor !== HorizontalAnchor.None) {\n              this.owner.setX(\n                right +\n                  this.owner.getX() -\n                  this.owner.getDrawableX() -\n                  this.owner.getWidth()\n              );\n            }\n          }\n          // Resize if top and bottom anchors are set\n          if (\n            this._bottomEdgeAnchor !== VerticalAnchor.None &&\n            this._topEdgeAnchor !== VerticalAnchor.None\n          ) {\n            const height = bottom - top;\n            this.owner.setY(\n              this.owner.getY() === this.owner.getDrawableY()\n                ? top\n                : top +\n                    ((this.owner.getY() - this.owner.getDrawableY()) * height) /\n                      this.owner.getHeight()\n            );\n            this.owner.setHeight(height);\n          } else {\n            if (this._topEdgeAnchor !== VerticalAnchor.None) {\n              this.owner.setY(\n                top + this.owner.getY() - this.owner.getDrawableY()\n              );\n            }\n            if (this._bottomEdgeAnchor !== VerticalAnchor.None) {\n              this.owner.setY(\n                bottom +\n                  this.owner.getY() -\n                  this.owner.getDrawableY() -\n                  this.owner.getHeight()\n              );\n            }\n          }\n        }\n      }\n    }\n\n    doStepPostEvents(instanceContainer: gdjs.RuntimeInstanceContainer) {}\n\n    private _convertCoords(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      layer: gdjs.RuntimeLayer,\n      x: float,\n      y: float,\n      result: FloatPoint\n    ) {\n      const isParentACustomObject =\n        instanceContainer !== instanceContainer.getScene();\n      if (isParentACustomObject) {\n        result[0] = x;\n        result[1] = y;\n        return result;\n      }\n      return layer.convertCoords(x, y, 0, result);\n    }\n\n    private _convertInverseCoords(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      layer: gdjs.RuntimeLayer,\n      x: float,\n      y: float,\n      result: FloatPoint\n    ) {\n      const isParentACustomObject =\n        instanceContainer !== instanceContainer.getScene();\n      if (isParentACustomObject) {\n        result[0] = x;\n        result[1] = y;\n        return result;\n      }\n      return layer.convertInverseCoords(x, y, 0, result);\n    }\n  }\n  gdjs.registerBehavior(\n    'AnchorBehavior::AnchorBehavior',\n    gdjs.AnchorRuntimeBehavior\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/Runtime/Extensions/BBText/JsExtension.js

@@ -34,11 +34,8 @@ module.exports = {
       .setIcon('JsPlatform/Extensions/bbcode32.png');
 
     var objectBBText = new gd.ObjectJsImplementation();
-    objectBBText.updateProperty = function (
-      objectContent,
-      propertyName,
-      newValue
-    ) {
+    objectBBText.updateProperty = function (propertyName, newValue) {
+      const objectContent = this.content;
       if (propertyName in objectContent) {
         if (typeof objectContent[propertyName] === 'boolean')
           objectContent[propertyName] = newValue === '1';
@@ -50,8 +47,9 @@ module.exports = {
 
       return false;
     };
-    objectBBText.getProperties = function (objectContent) {
+    objectBBText.getProperties = function () {
       const objectProperties = new gd.MapStringPropertyDescriptor();
+      const objectContent = this.content;
 
       objectProperties
         .getOrCreate('text')
@@ -66,13 +64,6 @@ module.exports = {
         .setLabel(_('Base color'))
         .setGroup(_('Appearance'));
 
-      objectProperties
-        .getOrCreate('opacity')
-        .setValue(objectContent.opacity.toString())
-        .setType('number')
-        .setLabel(_('Opacity (0-255)'))
-        .setGroup(_('Appearance'));
-
       objectProperties
         .getOrCreate('fontSize')
         .setValue(objectContent.fontSize.toString())
@@ -114,29 +105,26 @@ module.exports = {
 
       return objectProperties;
     };
-    objectBBText.setRawJSONContent(
-      JSON.stringify({
-        text:
-          '[b]bold[/b] [i]italic[/i] [size=15]smaller[/size] [font=times]times[/font] font\n[spacing=12]spaced out[/spacing]\n[outline=yellow]outlined[/outline] [shadow=red]DropShadow[/shadow] ',
-        opacity: 255,
-        fontSize: 20,
-        visible: true,
-        color: '0;0;0',
-        fontFamily: 'Arial',
-        align: 'left',
-        wordWrap: true,
-      })
-    );
+    objectBBText.content = {
+      text:
+        '[b]bold[/b] [i]italic[/i] [size=15]smaller[/size] [font=times]times[/font] font\n[spacing=12]spaced out[/spacing]\n[outline=yellow]outlined[/outline] [shadow=red]DropShadow[/shadow] ',
+      opacity: 255,
+      fontSize: 20,
+      visible: true,
+      color: '0;0;0',
+      fontFamily: 'Arial',
+      align: 'left',
+      wordWrap: true,
+    };
 
     objectBBText.updateInitialInstanceProperty = function (
-      objectContent,
       instance,
       propertyName,
       newValue
     ) {
       return false;
     };
-    objectBBText.getInitialInstanceProperties = function (content, instance) {
+    objectBBText.getInitialInstanceProperties = function (instance) {
       var instanceProperties = new gd.MapStringPropertyDescriptor();
       return instanceProperties;
     };
@@ -538,25 +526,33 @@ module.exports = {
        * This is called to update the PIXI object on the scene editor
        */
       update() {
-        const properties = this._associatedObjectConfiguration.getProperties();
+        const object = gd.castObject(
+          this._associatedObjectConfiguration,
+          gd.ObjectJsImplementation
+        );
 
-        const rawText = properties.get('text').getValue();
+        const rawText = object.content.text;
         if (rawText !== this._pixiObject.text) {
           this._pixiObject.text = rawText;
         }
 
-        const opacity = +properties.get('opacity').getValue();
-        this._pixiObject.alpha = opacity / 255;
-
-        const color = properties.get('color').getValue();
-        this._pixiObject.textStyles.default.fill = objectsRenderingService.rgbOrHexToHexNumber(
-          color
-        );
+        const color = object.content.color;
+        const newColor = objectsRenderingService.rgbOrHexToHexNumber(color);
+        if (newColor !== this._pixiObject.textStyles.default.fill) {
+          this._pixiObject.textStyles.default.fill = newColor;
+          this._pixiObject.dirty = true;
+        }
 
-        const fontSize = properties.get('fontSize').getValue();
-        this._pixiObject.textStyles.default.fontSize = `${fontSize}px`;
+        const fontSize = object.content.fontSize;
+        const newDefaultFontsize = `${fontSize}px`;
+        if (
+          newDefaultFontsize !== this._pixiObject.textStyles.default.fontSize
+        ) {
+          this._pixiObject.textStyles.default.fontSize = `${fontSize}px`;
+          this._pixiObject.dirty = true;
+        }
 
-        const fontResourceName = properties.get('fontFamily').getValue();
+        const fontResourceName = object.content.fontFamily;
 
         if (this._fontResourceName !== fontResourceName) {
           this._fontResourceName = fontResourceName;
@@ -577,13 +573,13 @@ module.exports = {
             });
         }
 
-        const wordWrap = properties.get('wordWrap').getValue() === 'true';
+        const wordWrap = object.content.wordWrap;
         if (wordWrap !== this._pixiObject._style.wordWrap) {
           this._pixiObject._style.wordWrap = wordWrap;
           this._pixiObject.dirty = true;
         }
 
-        const align = properties.get('align').getValue();
+        const align = object.content.align;
         if (align !== this._pixiObject._style.align) {
           this._pixiObject._style.align = align;
           this._pixiObject.dirty = true;
@@ -607,6 +603,13 @@ module.exports = {
             this._pixiObject.dirty = true;
           }
         }
+
+        // Do not hide completely an object so it can still be manipulated
+        const alphaForDisplay = Math.max(
+          this._instance.getOpacity() / 255,
+          0.5
+        );
+        this._pixiObject.alpha = alphaForDisplay;
       }
 
       /**

package/dist/Runtime/Extensions/BBText/bbtextruntimeobject.js

@@ -1,2 +1,2 @@
-var gdjs;(function(i){class n extends i.RuntimeObject{constructor(t,e){super(t,e);this._wrappingWidth=250;this._opacity=parseFloat(e.content.opacity),this._text=e.content.text,this._color=i.rgbOrHexToRGBColor(e.content.color),this._fontFamily=e.content.fontFamily,this._fontSize=parseFloat(e.content.fontSize),this._wordWrap=e.content.wordWrap,this._align=e.content.align,this._renderer=new i.BBTextRuntimeObjectRenderer(this,t),this.hidden=!e.content.visible,this.onCreated()}getRendererObject(){return this._renderer.getRendererObject()}updateFromObjectData(t,e){return t.content.opacity!==e.content.opacity&&this.setOpacity(e.content.opacity),t.content.visible!==e.content.visible&&this.hide(!e.content.visible),t.content.text!==e.content.text&&this.setBBText(e.content.text),t.content.color!==e.content.color&&(this._color=i.rgbOrHexToRGBColor(e.content.color),this._renderer.updateColor()),t.content.fontFamily!==e.content.fontFamily&&this.setFontFamily(e.content.fontFamily),t.content.fontSize!==e.content.fontSize&&this.setFontSize(e.content.fontSize),t.content.wordWrap!==e.content.wordWrap&&this.setWordWrap(e.content.wordWrap),t.content.align!==e.content.align&&this.setAlignment(e.content.align),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),text:this._text,o:this._opacity,c:this._color,ff:this._fontFamily,fs:this._fontSize,wwrap:this._wordWrap,wwidth:this._wrappingWidth,align:this._align,hidden:this.hidden}}updateFromNetworkSyncData(t){super.updateFromNetworkSyncData(t),this._text!==void 0&&this.setBBText(t.text),this._opacity!==void 0&&this.setOpacity(t.o),this._color!==void 0&&(this._color=t.c,this._renderer.updateColor()),this._fontFamily!==void 0&&this.setFontFamily(t.ff),this._fontSize!==void 0&&this.setFontSize(t.fs),this._wordWrap!==void 0&&this.setWordWrap(t.wwrap),this._wrappingWidth!==void 0&&this.setWrappingWidth(t.wwidth),this._align!==void 0&&this.setAlignment(t.align),this.hidden!==void 0&&this.hide(t.hidden)}extraInitializationFromInitialInstance(t){t.customSize?this.setWrappingWidth(t.width):this.setWrappingWidth(250)}onDestroyed(){super.onDestroyed(),this._renderer.destroy()}setBBText(t){this._text=t,this._renderer.updateText(),this.invalidateHitboxes()}getBBText(){return this._text}setColor(t){this._color=i.rgbOrHexToRGBColor(t),this._renderer.updateColor()}getColor(){return this._color[0]+";"+this._color[1]+";"+this._color[2]}setFontSize(t){this._fontSize=t,this._renderer.updateFontSize()}getFontSize(){return this._fontSize}setFontFamily(t){this._fontFamily=t,this._renderer.updateFontFamily()}getFontFamily(){return this._fontFamily}setAlignment(t){this._align=t,this._renderer.updateAlignment()}getAlignment(){return this._align}setX(t){super.setX(t),this._renderer.updatePosition()}setY(t){super.setY(t),this._renderer.updatePosition()}setAngle(t){super.setAngle(t),this._renderer.updateAngle()}setOpacity(t){t<0&&(t=0),t>255&&(t=255),this._opacity=t,this._renderer.updateOpacity()}getOpacity(){return this._opacity}setWrappingWidth(t){this._wrappingWidth!==t&&(this._wrappingWidth=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes())}getWrappingWidth(){return this._wrappingWidth}setWordWrap(t){this._wordWrap!==t&&(this._wordWrap=t,this._renderer.updateWordWrap(),this.invalidateHitboxes())}getWordWrap(){return this._wordWrap}getWidth(){return this._renderer.getWidth()}getHeight(){return this._renderer.getHeight()}}i.BBTextRuntimeObject=n,i.registerObject("BBText::BBText",i.BBTextRuntimeObject)})(gdjs||(gdjs={}));
+var gdjs;(function(i){class n extends i.RuntimeObject{constructor(t,e){super(t,e);this._wrappingWidth=250;this._opacity=parseFloat(e.content.opacity),this._text=e.content.text,this._color=i.rgbOrHexToRGBColor(e.content.color),this._fontFamily=e.content.fontFamily,this._fontSize=parseFloat(e.content.fontSize),this._wordWrap=e.content.wordWrap,this._align=e.content.align,this._renderer=new i.BBTextRuntimeObjectRenderer(this,t),this.hidden=!e.content.visible,this.onCreated()}getRendererObject(){return this._renderer.getRendererObject()}updateFromObjectData(t,e){return t.content.opacity!==e.content.opacity&&this.setOpacity(e.content.opacity),t.content.visible!==e.content.visible&&this.hide(!e.content.visible),t.content.text!==e.content.text&&this.setBBText(e.content.text),t.content.color!==e.content.color&&(this._color=i.rgbOrHexToRGBColor(e.content.color),this._renderer.updateColor()),t.content.fontFamily!==e.content.fontFamily&&this.setFontFamily(e.content.fontFamily),t.content.fontSize!==e.content.fontSize&&this.setFontSize(e.content.fontSize),t.content.wordWrap!==e.content.wordWrap&&this.setWordWrap(e.content.wordWrap),t.content.align!==e.content.align&&this.setAlignment(e.content.align),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),text:this._text,o:this._opacity,c:this._color,ff:this._fontFamily,fs:this._fontSize,wwrap:this._wordWrap,wwidth:this._wrappingWidth,align:this._align,hidden:this.hidden}}updateFromNetworkSyncData(t){super.updateFromNetworkSyncData(t),this._text!==void 0&&this.setBBText(t.text),this._opacity!==void 0&&this.setOpacity(t.o),this._color!==void 0&&(this._color=t.c,this._renderer.updateColor()),this._fontFamily!==void 0&&this.setFontFamily(t.ff),this._fontSize!==void 0&&this.setFontSize(t.fs),this._wordWrap!==void 0&&this.setWordWrap(t.wwrap),this._wrappingWidth!==void 0&&this.setWrappingWidth(t.wwidth),this._align!==void 0&&this.setAlignment(t.align),this.hidden!==void 0&&this.hide(t.hidden)}extraInitializationFromInitialInstance(t){t.customSize?this.setWrappingWidth(t.width):this.setWrappingWidth(250),t.opacity!==void 0&&this.setOpacity(t.opacity)}onDestroyed(){super.onDestroyed(),this._renderer.destroy()}setBBText(t){this._text=t,this._renderer.updateText(),this.invalidateHitboxes()}getBBText(){return this._text}setColor(t){this._color=i.rgbOrHexToRGBColor(t),this._renderer.updateColor()}getColor(){return this._color[0]+";"+this._color[1]+";"+this._color[2]}setFontSize(t){this._fontSize=t,this._renderer.updateFontSize()}getFontSize(){return this._fontSize}setFontFamily(t){this._fontFamily=t,this._renderer.updateFontFamily()}getFontFamily(){return this._fontFamily}setAlignment(t){this._align=t,this._renderer.updateAlignment()}getAlignment(){return this._align}setX(t){super.setX(t),this._renderer.updatePosition()}setY(t){super.setY(t),this._renderer.updatePosition()}setAngle(t){super.setAngle(t),this._renderer.updateAngle()}setOpacity(t){t<0&&(t=0),t>255&&(t=255),this._opacity=t,this._renderer.updateOpacity()}getOpacity(){return this._opacity}setWrappingWidth(t){this._wrappingWidth!==t&&(this._wrappingWidth=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes())}getWrappingWidth(){return this._wrappingWidth}setWordWrap(t){this._wordWrap!==t&&(this._wordWrap=t,this._renderer.updateWordWrap(),this.invalidateHitboxes())}getWordWrap(){return this._wordWrap}getWidth(){return this._renderer.getWidth()}getHeight(){return this._renderer.getHeight()}}i.BBTextRuntimeObject=n,i.registerObject("BBText::BBText",i.BBTextRuntimeObject)})(gdjs||(gdjs={}));
 //# sourceMappingURL=bbtextruntimeobject.js.map

package/dist/Runtime/Extensions/BBText/bbtextruntimeobject.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../GDevelop/Extensions/BBText/bbtextruntimeobject.ts"],
-  "sourcesContent": ["namespace gdjs {\n  /** Base parameters for {@link gdjs.BBTextRuntimeObject} */\n  export type BBTextObjectDataType = {\n    /** The base parameters of the BBText */\n    content: {\n      /** The opacity of the BBText */\n      opacity: number;\n      /** Deprecated - Is the text visible? */\n      visible: boolean;\n      /** Content of the text */\n      text: string;\n      /** The color of the text */\n      color: string;\n      /** The font of the text */\n      fontFamily: string;\n      /** The size of the text */\n      fontSize: number;\n      /** Activate word wrap if set to true */\n      wordWrap: boolean;\n      /** Alignment of the text: \"left\", \"center\" or \"right\" */\n      align: 'left' | 'center' | 'right';\n    };\n  };\n  export type BBTextObjectData = ObjectData & BBTextObjectDataType;\n\n  export type BBTextObjectNetworkSyncDataType = {\n    text: string;\n    o: float;\n    c: number[];\n    ff: string;\n    fs: number;\n    wwrap: boolean;\n    wwidth: float;\n    align: string;\n    hidden: boolean;\n  };\n\n  export type BBTextObjectNetworkSyncData = ObjectNetworkSyncData &\n    BBTextObjectNetworkSyncDataType;\n\n  /**\n   * Displays a rich text using BBCode markup (allowing to set parts of the text as bold, italic, use different colors and shadows).\n   */\n  export class BBTextRuntimeObject\n    extends gdjs.RuntimeObject\n    implements gdjs.OpacityHandler {\n    _opacity: float;\n\n    _text: string;\n\n    /** color in format [r, g, b], where each component is in the range [0, 255] */\n    _color: integer[];\n    _fontFamily: string;\n    _fontSize: number;\n\n    _wordWrap: boolean;\n    _wrappingWidth: float = 250;\n\n    // This value is the default wrapping width of the runtime object.\n    _align: string;\n    _renderer: gdjs.BBTextRuntimeObjectRenderer;\n\n    // While this should rather be exposed as a property for all objects, honor the \"visible\"\n    // property that is specific to this object.\n    hidden: boolean;\n\n    /**\n     * @param instanceContainer The container the object belongs to.\n     * @param objectData The object data used to initialize the object\n     */\n    constructor(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      objectData: BBTextObjectData\n    ) {\n      super(instanceContainer, objectData);\n      // @ts-ignore - parseFloat should not be required, but GDevelop 5.0 beta 92 and below were storing it as a string.\n      this._opacity = parseFloat(objectData.content.opacity);\n      this._text = objectData.content.text;\n      this._color = gdjs.rgbOrHexToRGBColor(objectData.content.color);\n      this._fontFamily = objectData.content.fontFamily;\n      // @ts-ignore - parseFloat should not be required, but GDevelop 5.0 beta 92 and below were storing it as a string.\n      this._fontSize = parseFloat(objectData.content.fontSize);\n      this._wordWrap = objectData.content.wordWrap;\n      this._align = objectData.content.align;\n      this._renderer = new gdjs.BBTextRuntimeObjectRenderer(\n        this,\n        instanceContainer\n      );\n      this.hidden = !objectData.content.visible;\n\n      // *ALWAYS* call `this.onCreated()` at the very end of your object constructor.\n      this.onCreated();\n    }\n\n    getRendererObject() {\n      return this._renderer.getRendererObject();\n    }\n\n    // @ts-ignore\n    updateFromObjectData(\n      oldObjectData: BBTextObjectDataType,\n      newObjectData: BBTextObjectDataType\n    ): boolean {\n      if (oldObjectData.content.opacity !== newObjectData.content.opacity) {\n        this.setOpacity(newObjectData.content.opacity);\n      }\n      if (oldObjectData.content.visible !== newObjectData.content.visible) {\n        this.hide(!newObjectData.content.visible);\n      }\n      if (oldObjectData.content.text !== newObjectData.content.text) {\n        this.setBBText(newObjectData.content.text);\n      }\n      if (oldObjectData.content.color !== newObjectData.content.color) {\n        this._color = gdjs.rgbOrHexToRGBColor(newObjectData.content.color);\n        this._renderer.updateColor();\n      }\n      if (\n        oldObjectData.content.fontFamily !== newObjectData.content.fontFamily\n      ) {\n        this.setFontFamily(newObjectData.content.fontFamily);\n      }\n      if (oldObjectData.content.fontSize !== newObjectData.content.fontSize) {\n        this.setFontSize(newObjectData.content.fontSize);\n      }\n      if (oldObjectData.content.wordWrap !== newObjectData.content.wordWrap) {\n        this.setWordWrap(newObjectData.content.wordWrap);\n      }\n      if (oldObjectData.content.align !== newObjectData.content.align) {\n        this.setAlignment(newObjectData.content.align);\n      }\n      return true;\n    }\n\n    getNetworkSyncData(): BBTextObjectNetworkSyncData {\n      return {\n        ...super.getNetworkSyncData(),\n        text: this._text,\n        o: this._opacity,\n        c: this._color,\n        ff: this._fontFamily,\n        fs: this._fontSize,\n        wwrap: this._wordWrap,\n        wwidth: this._wrappingWidth,\n        align: this._align,\n        hidden: this.hidden,\n      };\n    }\n\n    updateFromNetworkSyncData(\n      networkSyncData: BBTextObjectNetworkSyncData\n    ): void {\n      super.updateFromNetworkSyncData(networkSyncData);\n      if (this._text !== undefined) {\n        this.setBBText(networkSyncData.text);\n      }\n      if (this._opacity !== undefined) {\n        this.setOpacity(networkSyncData.o);\n      }\n      if (this._color !== undefined) {\n        this._color = networkSyncData.c;\n        this._renderer.updateColor();\n      }\n      if (this._fontFamily !== undefined) {\n        this.setFontFamily(networkSyncData.ff);\n      }\n      if (this._fontSize !== undefined) {\n        this.setFontSize(networkSyncData.fs);\n      }\n      if (this._wordWrap !== undefined) {\n        this.setWordWrap(networkSyncData.wwrap);\n      }\n      if (this._wrappingWidth !== undefined) {\n        this.setWrappingWidth(networkSyncData.wwidth);\n      }\n      if (this._align !== undefined) {\n        this.setAlignment(networkSyncData.align);\n      }\n      if (this.hidden !== undefined) {\n        this.hide(networkSyncData.hidden);\n      }\n    }\n\n    /**\n     * Initialize the extra parameters that could be set for an instance.\n     */\n    extraInitializationFromInitialInstance(initialInstanceData: InstanceData) {\n      if (initialInstanceData.customSize) {\n        this.setWrappingWidth(initialInstanceData.width);\n      } else {\n        this.setWrappingWidth(\n          // This value is the default wrapping width of the runtime object.\n          250\n        );\n      }\n    }\n\n    onDestroyed(): void {\n      super.onDestroyed();\n      this._renderer.destroy();\n    }\n\n    /**\n     * Set the markup text to display.\n     */\n    setBBText(text): void {\n      this._text = text;\n      this._renderer.updateText();\n      this.invalidateHitboxes();\n    }\n\n    /**\n     * Get the markup text displayed by the object.\n     */\n    getBBText() {\n      return this._text;\n    }\n\n    setColor(rgbColorString): void {\n      this._color = gdjs.rgbOrHexToRGBColor(rgbColorString);\n      this._renderer.updateColor();\n    }\n\n    /**\n     * Get the base color.\n     * @return The color as a \"R;G;B\" string, for example: \"255;0;0\"\n     */\n    getColor(): string {\n      return this._color[0] + ';' + this._color[1] + ';' + this._color[2];\n    }\n\n    setFontSize(fontSize): void {\n      this._fontSize = fontSize;\n      this._renderer.updateFontSize();\n    }\n\n    getFontSize() {\n      return this._fontSize;\n    }\n\n    setFontFamily(fontFamily): void {\n      this._fontFamily = fontFamily;\n      this._renderer.updateFontFamily();\n    }\n\n    getFontFamily() {\n      return this._fontFamily;\n    }\n\n    setAlignment(align): void {\n      this._align = align;\n      this._renderer.updateAlignment();\n    }\n\n    getAlignment() {\n      return this._align;\n    }\n\n    /**\n     * Set object position on X axis.\n     * @param x The new position X of the object.\n     */\n    setX(x: float): void {\n      super.setX(x);\n      this._renderer.updatePosition();\n    }\n\n    /**\n     * Set object position on Y axis.\n     * @param y The new position Y of the object.\n     */\n    setY(y: float): void {\n      super.setY(y);\n      this._renderer.updatePosition();\n    }\n\n    /**\n     * Set the angle of the object.\n     * @param angle The new angle of the object.\n     */\n    setAngle(angle: float): void {\n      super.setAngle(angle);\n      this._renderer.updateAngle();\n    }\n\n    /**\n     * Set object opacity.\n     * @param opacity The new opacity of the object (0-255).\n     */\n    setOpacity(opacity: float): void {\n      if (opacity < 0) {\n        opacity = 0;\n      }\n      if (opacity > 255) {\n        opacity = 255;\n      }\n      this._opacity = opacity;\n      this._renderer.updateOpacity();\n    }\n\n    /**\n     * Get object opacity.\n     */\n    getOpacity() {\n      return this._opacity;\n    }\n\n    /**\n     * Set the width.\n     * @param width The new width in pixels.\n     */\n    setWrappingWidth(width: float): void {\n      if (this._wrappingWidth === width) return;\n\n      this._wrappingWidth = width;\n      this._renderer.updateWrappingWidth();\n      this.invalidateHitboxes();\n    }\n\n    /**\n     * Get the wrapping width of the object.\n     */\n    getWrappingWidth(): float {\n      return this._wrappingWidth;\n    }\n\n    setWordWrap(wordWrap: boolean): void {\n      if (this._wordWrap === wordWrap) return;\n\n      this._wordWrap = wordWrap;\n      this._renderer.updateWordWrap();\n      this.invalidateHitboxes();\n    }\n\n    getWordWrap() {\n      return this._wordWrap;\n    }\n\n    /**\n     * Get the width of the object.\n     */\n    getWidth(): float {\n      return this._renderer.getWidth();\n    }\n\n    /**\n     * Get the height of the object.\n     */\n    getHeight(): float {\n      return this._renderer.getHeight();\n    }\n  }\n  // @ts-ignore\n  gdjs.registerObject('BBText::BBText', gdjs.BBTextRuntimeObject);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["namespace gdjs {\n  /** Base parameters for {@link gdjs.BBTextRuntimeObject} */\n  export type BBTextObjectDataType = {\n    /** The base parameters of the BBText */\n    content: {\n      /** The opacity of the BBText */\n      opacity: number;\n      /** Deprecated - Is the text visible? */\n      visible: boolean;\n      /** Content of the text */\n      text: string;\n      /** The color of the text */\n      color: string;\n      /** The font of the text */\n      fontFamily: string;\n      /** The size of the text */\n      fontSize: number;\n      /** Activate word wrap if set to true */\n      wordWrap: boolean;\n      /** Alignment of the text: \"left\", \"center\" or \"right\" */\n      align: 'left' | 'center' | 'right';\n    };\n  };\n  export type BBTextObjectData = ObjectData & BBTextObjectDataType;\n\n  export type BBTextObjectNetworkSyncDataType = {\n    text: string;\n    o: float;\n    c: number[];\n    ff: string;\n    fs: number;\n    wwrap: boolean;\n    wwidth: float;\n    align: string;\n    hidden: boolean;\n  };\n\n  export type BBTextObjectNetworkSyncData = ObjectNetworkSyncData &\n    BBTextObjectNetworkSyncDataType;\n\n  /**\n   * Displays a rich text using BBCode markup (allowing to set parts of the text as bold, italic, use different colors and shadows).\n   */\n  export class BBTextRuntimeObject\n    extends gdjs.RuntimeObject\n    implements gdjs.OpacityHandler {\n    _opacity: float;\n\n    _text: string;\n\n    /** color in format [r, g, b], where each component is in the range [0, 255] */\n    _color: integer[];\n    _fontFamily: string;\n    _fontSize: number;\n\n    _wordWrap: boolean;\n    _wrappingWidth: float = 250;\n\n    // This value is the default wrapping width of the runtime object.\n    _align: string;\n    _renderer: gdjs.BBTextRuntimeObjectRenderer;\n\n    // While this should rather be exposed as a property for all objects, honor the \"visible\"\n    // property that is specific to this object.\n    hidden: boolean;\n\n    /**\n     * @param instanceContainer The container the object belongs to.\n     * @param objectData The object data used to initialize the object\n     */\n    constructor(\n      instanceContainer: gdjs.RuntimeInstanceContainer,\n      objectData: BBTextObjectData\n    ) {\n      super(instanceContainer, objectData);\n      // @ts-ignore - parseFloat should not be required, but GDevelop 5.0 beta 92 and below were storing it as a string.\n      this._opacity = parseFloat(objectData.content.opacity);\n      this._text = objectData.content.text;\n      this._color = gdjs.rgbOrHexToRGBColor(objectData.content.color);\n      this._fontFamily = objectData.content.fontFamily;\n      // @ts-ignore - parseFloat should not be required, but GDevelop 5.0 beta 92 and below were storing it as a string.\n      this._fontSize = parseFloat(objectData.content.fontSize);\n      this._wordWrap = objectData.content.wordWrap;\n      this._align = objectData.content.align;\n      this._renderer = new gdjs.BBTextRuntimeObjectRenderer(\n        this,\n        instanceContainer\n      );\n      this.hidden = !objectData.content.visible;\n\n      // *ALWAYS* call `this.onCreated()` at the very end of your object constructor.\n      this.onCreated();\n    }\n\n    getRendererObject() {\n      return this._renderer.getRendererObject();\n    }\n\n    // @ts-ignore\n    updateFromObjectData(\n      oldObjectData: BBTextObjectDataType,\n      newObjectData: BBTextObjectDataType\n    ): boolean {\n      if (oldObjectData.content.opacity !== newObjectData.content.opacity) {\n        this.setOpacity(newObjectData.content.opacity);\n      }\n      if (oldObjectData.content.visible !== newObjectData.content.visible) {\n        this.hide(!newObjectData.content.visible);\n      }\n      if (oldObjectData.content.text !== newObjectData.content.text) {\n        this.setBBText(newObjectData.content.text);\n      }\n      if (oldObjectData.content.color !== newObjectData.content.color) {\n        this._color = gdjs.rgbOrHexToRGBColor(newObjectData.content.color);\n        this._renderer.updateColor();\n      }\n      if (\n        oldObjectData.content.fontFamily !== newObjectData.content.fontFamily\n      ) {\n        this.setFontFamily(newObjectData.content.fontFamily);\n      }\n      if (oldObjectData.content.fontSize !== newObjectData.content.fontSize) {\n        this.setFontSize(newObjectData.content.fontSize);\n      }\n      if (oldObjectData.content.wordWrap !== newObjectData.content.wordWrap) {\n        this.setWordWrap(newObjectData.content.wordWrap);\n      }\n      if (oldObjectData.content.align !== newObjectData.content.align) {\n        this.setAlignment(newObjectData.content.align);\n      }\n      return true;\n    }\n\n    getNetworkSyncData(): BBTextObjectNetworkSyncData {\n      return {\n        ...super.getNetworkSyncData(),\n        text: this._text,\n        o: this._opacity,\n        c: this._color,\n        ff: this._fontFamily,\n        fs: this._fontSize,\n        wwrap: this._wordWrap,\n        wwidth: this._wrappingWidth,\n        align: this._align,\n        hidden: this.hidden,\n      };\n    }\n\n    updateFromNetworkSyncData(\n      networkSyncData: BBTextObjectNetworkSyncData\n    ): void {\n      super.updateFromNetworkSyncData(networkSyncData);\n      if (this._text !== undefined) {\n        this.setBBText(networkSyncData.text);\n      }\n      if (this._opacity !== undefined) {\n        this.setOpacity(networkSyncData.o);\n      }\n      if (this._color !== undefined) {\n        this._color = networkSyncData.c;\n        this._renderer.updateColor();\n      }\n      if (this._fontFamily !== undefined) {\n        this.setFontFamily(networkSyncData.ff);\n      }\n      if (this._fontSize !== undefined) {\n        this.setFontSize(networkSyncData.fs);\n      }\n      if (this._wordWrap !== undefined) {\n        this.setWordWrap(networkSyncData.wwrap);\n      }\n      if (this._wrappingWidth !== undefined) {\n        this.setWrappingWidth(networkSyncData.wwidth);\n      }\n      if (this._align !== undefined) {\n        this.setAlignment(networkSyncData.align);\n      }\n      if (this.hidden !== undefined) {\n        this.hide(networkSyncData.hidden);\n      }\n    }\n\n    /**\n     * Initialize the extra parameters that could be set for an instance.\n     */\n    extraInitializationFromInitialInstance(initialInstanceData: InstanceData) {\n      if (initialInstanceData.customSize) {\n        this.setWrappingWidth(initialInstanceData.width);\n      } else {\n        this.setWrappingWidth(\n          // This value is the default wrapping width of the runtime object.\n          250\n        );\n      }\n      if (initialInstanceData.opacity !== undefined) {\n        this.setOpacity(initialInstanceData.opacity);\n      }\n    }\n\n    onDestroyed(): void {\n      super.onDestroyed();\n      this._renderer.destroy();\n    }\n\n    /**\n     * Set the markup text to display.\n     */\n    setBBText(text): void {\n      this._text = text;\n      this._renderer.updateText();\n      this.invalidateHitboxes();\n    }\n\n    /**\n     * Get the markup text displayed by the object.\n     */\n    getBBText() {\n      return this._text;\n    }\n\n    setColor(rgbColorString): void {\n      this._color = gdjs.rgbOrHexToRGBColor(rgbColorString);\n      this._renderer.updateColor();\n    }\n\n    /**\n     * Get the base color.\n     * @return The color as a \"R;G;B\" string, for example: \"255;0;0\"\n     */\n    getColor(): string {\n      return this._color[0] + ';' + this._color[1] + ';' + this._color[2];\n    }\n\n    setFontSize(fontSize): void {\n      this._fontSize = fontSize;\n      this._renderer.updateFontSize();\n    }\n\n    getFontSize() {\n      return this._fontSize;\n    }\n\n    setFontFamily(fontFamily): void {\n      this._fontFamily = fontFamily;\n      this._renderer.updateFontFamily();\n    }\n\n    getFontFamily() {\n      return this._fontFamily;\n    }\n\n    setAlignment(align): void {\n      this._align = align;\n      this._renderer.updateAlignment();\n    }\n\n    getAlignment() {\n      return this._align;\n    }\n\n    /**\n     * Set object position on X axis.\n     * @param x The new position X of the object.\n     */\n    setX(x: float): void {\n      super.setX(x);\n      this._renderer.updatePosition();\n    }\n\n    /**\n     * Set object position on Y axis.\n     * @param y The new position Y of the object.\n     */\n    setY(y: float): void {\n      super.setY(y);\n      this._renderer.updatePosition();\n    }\n\n    /**\n     * Set the angle of the object.\n     * @param angle The new angle of the object.\n     */\n    setAngle(angle: float): void {\n      super.setAngle(angle);\n      this._renderer.updateAngle();\n    }\n\n    /**\n     * Set object opacity.\n     * @param opacity The new opacity of the object (0-255).\n     */\n    setOpacity(opacity: float): void {\n      if (opacity < 0) {\n        opacity = 0;\n      }\n      if (opacity > 255) {\n        opacity = 255;\n      }\n      this._opacity = opacity;\n      this._renderer.updateOpacity();\n    }\n\n    /**\n     * Get object opacity.\n     */\n    getOpacity() {\n      return this._opacity;\n    }\n\n    /**\n     * Set the width.\n     * @param width The new width in pixels.\n     */\n    setWrappingWidth(width: float): void {\n      if (this._wrappingWidth === width) return;\n\n      this._wrappingWidth = width;\n      this._renderer.updateWrappingWidth();\n      this.invalidateHitboxes();\n    }\n\n    /**\n     * Get the wrapping width of the object.\n     */\n    getWrappingWidth(): float {\n      return this._wrappingWidth;\n    }\n\n    setWordWrap(wordWrap: boolean): void {\n      if (this._wordWrap === wordWrap) return;\n\n      this._wordWrap = wordWrap;\n      this._renderer.updateWordWrap();\n      this.invalidateHitboxes();\n    }\n\n    getWordWrap() {\n      return this._wordWrap;\n    }\n\n    /**\n     * Get the width of the object.\n     */\n    getWidth(): float {\n      return this._renderer.getWidth();\n    }\n\n    /**\n     * Get the height of the object.\n     */\n    getHeight(): float {\n      return this._renderer.getHeight();\n    }\n  }\n  // @ts-ignore\n  gdjs.registerObject('BBText::BBText', gdjs.BBTextRuntimeObject);\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/Runtime/Extensions/BitmapText/JsExtension.js

@@ -34,11 +34,8 @@ module.exports = {
       .setIcon('JsPlatform/Extensions/bitmapfont32.png');
 
     const bitmapTextObject = new gd.ObjectJsImplementation();
-    bitmapTextObject.updateProperty = function (
-      objectContent,
-      propertyName,
-      newValue
-    ) {
+    bitmapTextObject.updateProperty = function (propertyName, newValue) {
+      const objectContent = this.content;
       if (propertyName in objectContent) {
         if (typeof objectContent[propertyName] === 'boolean')
           objectContent[propertyName] = newValue === '1';
@@ -50,8 +47,9 @@ module.exports = {
 
       return false;
     };
-    bitmapTextObject.getProperties = function (objectContent) {
+    bitmapTextObject.getProperties = function () {
       const objectProperties = new gd.MapStringPropertyDescriptor();
+      const objectContent = this.content;
 
       objectProperties
         .getOrCreate('text')
@@ -59,13 +57,6 @@ module.exports = {
         .setType('textarea')
         .setLabel(_('Text'));
 
-      objectProperties
-        .getOrCreate('opacity')
-        .setValue(objectContent.opacity.toString())
-        .setType('number')
-        .setLabel(_('Opacity (0-255)'))
-        .setGroup(_('Appearance'));
-
       objectProperties
         .getOrCreate('align')
         .setValue(objectContent.align)
@@ -73,7 +64,7 @@ module.exports = {
         .addExtraInfo('left')
         .addExtraInfo('center')
         .addExtraInfo('right')
-        .setLabel(_('Alignment, when multiple lines are displayed'))
+        .setLabel(_('Alignment'))
         .setGroup(_('Appearance'));
 
       objectProperties
@@ -89,7 +80,7 @@ module.exports = {
         .setValue(objectContent.textureAtlasResourceName)
         .setType('resource')
         .addExtraInfo('image')
-        .setLabel(_('Bitmap atlas image'))
+        .setLabel(_('Bitmap Atlas'))
         .setGroup(_('Font'));
 
       objectProperties
@@ -115,33 +106,27 @@ module.exports = {
 
       return objectProperties;
     };
-    bitmapTextObject.setRawJSONContent(
-      JSON.stringify({
-        text:
-          'This text use the default bitmap font.\nUse a custom Bitmap Font to create your own texts.',
-        opacity: 255,
-        scale: 1,
-        fontSize: 20,
-        tint: '255;255;255',
-        bitmapFontResourceName: '',
-        textureAtlasResourceName: '',
-        align: 'left',
-        wordWrap: true,
-      })
-    );
+    bitmapTextObject.content = {
+      text:
+        'This text use the default bitmap font.\nUse a custom Bitmap Font to create your own texts.',
+      opacity: 255,
+      scale: 1,
+      fontSize: 20,
+      tint: '255;255;255',
+      bitmapFontResourceName: '',
+      textureAtlasResourceName: '',
+      align: 'left',
+      wordWrap: true,
+    };
 
     bitmapTextObject.updateInitialInstanceProperty = function (
-      objectContent,
       instance,
       propertyName,
       newValue
     ) {
       return false;
     };
-    bitmapTextObject.getInitialInstanceProperties = function (
-      content,
-      instance
-    ) {
+    bitmapTextObject.getInitialInstanceProperties = function (instance) {
       var instanceProperties = new gd.MapStringPropertyDescriptor();
       return instanceProperties;
     };
@@ -666,34 +651,31 @@ module.exports = {
       }
 
       update() {
-        const properties = this._associatedObjectConfiguration.getProperties();
+        const object = gd.castObject(
+          this._associatedObjectConfiguration,
+          gd.ObjectJsImplementation
+        );
 
         // Update the rendered text properties (note: Pixi is only
         // applying changes if there were changed).
-        const rawText = properties.get('text').getValue();
+        const rawText = object.content.text;
         this._pixiObject.text = rawText;
 
-        const opacity = +properties.get('opacity').getValue();
-        this._pixiObject.alpha = opacity / 255;
-
-        const align = properties.get('align').getValue();
+        const align = object.content.align;
         this._pixiObject.align = align;
 
-        const color = properties.get('tint').getValue();
+        const color = object.content.tint;
         this._pixiObject.tint = objectsRenderingService.rgbOrHexToHexNumber(
           color
         );
 
-        const scale = +(properties.get('scale').getValue() || 1);
+        const scale = object.content.scale;
         this._pixiObject.scale.set(scale);
 
         // Track the changes in font to load the new requested font.
-        const bitmapFontResourceName = properties
-          .get('bitmapFontResourceName')
-          .getValue();
-        const textureAtlasResourceName = properties
-          .get('textureAtlasResourceName')
-          .getValue();
+        const bitmapFontResourceName = object.content.bitmapFontResourceName;
+        const textureAtlasResourceName =
+          object.content.textureAtlasResourceName;
 
         if (
           this._currentBitmapFontResourceName !== bitmapFontResourceName ||
@@ -715,6 +697,8 @@ module.exports = {
             this._currentBitmapFontResourceName,
             this._currentTextureAtlasResourceName
           ).then((bitmapFont) => {
+            if (this._wasDestroyed) return;
+
             this._pixiObject.fontName = bitmapFont.font;
             this._pixiObject.fontSize = bitmapFont.size;
             this._pixiObject.dirty = true;
@@ -722,7 +706,7 @@ module.exports = {
         }
 
         // Set up the wrapping width if enabled.
-        const wordWrap = properties.get('wordWrap').getValue() === 'true';
+        const wordWrap = object.content.wordWrap;
         if (wordWrap && this._instance.hasCustomSize()) {
           this._pixiObject.maxWidth =
             this.getCustomWidth() / this._pixiObject.scale.x;
@@ -739,6 +723,13 @@ module.exports = {
         this._pixiObject.rotation = RenderedInstance.toRad(
           this._instance.getAngle()
         );
+
+        // Do not hide completely an object so it can still be manipulated
+        const alphaForDisplay = Math.max(
+          this._instance.getOpacity() / 255,
+          0.5
+        );
+        this._pixiObject.alpha = alphaForDisplay;
       }
 
       onRemovedFromScene() {

package/dist/Runtime/Extensions/BitmapText/bitmaptextruntimeobject.js

@@ -1,2 +1,2 @@
-var gdjs;(function(i){class r extends i.RuntimeObject{constructor(t,e){super(t,e);this._opacity=e.content.opacity,this._text=e.content.text,this._tint=i.rgbOrHexToRGBColor(e.content.tint),this._bitmapFontResourceName=e.content.bitmapFontResourceName,this._textureAtlasResourceName=e.content.textureAtlasResourceName,this._scaleX=e.content.scale,this._scaleY=e.content.scale,this._wordWrap=e.content.wordWrap,this._wrappingWidth=0,this._align=e.content.align,this._renderer=new i.BitmapTextRuntimeObjectRenderer(this,t),this.onCreated()}getRendererObject(){return this._renderer.getRendererObject()}updateFromObjectData(t,e){return t.content.opacity!==e.content.opacity&&this.setOpacity(e.content.opacity),t.content.text!==e.content.text&&this.setText(e.content.text),t.content.tint!==e.content.tint&&(this._tint=i.rgbOrHexToRGBColor(e.content.tint),this._renderer.updateTint()),t.content.bitmapFontResourceName!==e.content.bitmapFontResourceName&&this.setBitmapFontResourceName(e.content.bitmapFontResourceName),t.content.textureAtlasResourceName!==e.content.textureAtlasResourceName&&this.setTextureAtlasResourceName(e.content.textureAtlasResourceName),t.content.scale!==e.content.scale&&this.setScale(e.content.scale),t.content.wordWrap!==e.content.wordWrap&&this.setWordWrap(e.content.wordWrap),t.content.align!==e.content.align&&this.setAlignment(e.content.align),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),text:this._text,opa:this._opacity,tint:this._tint,bfrn:this._bitmapFontResourceName,tarn:this._textureAtlasResourceName,scale:this.getScale(),wwrap:this._wordWrap,wwidth:this._wrappingWidth,align:this._align}}updateFromNetworkSyncData(t){super.updateFromNetworkSyncData(t),this._text!==void 0&&this.setText(t.text),this._opacity!==void 0&&this.setOpacity(t.opa),this._tint!==void 0&&(this._tint=t.tint,this._renderer.updateTint()),this._bitmapFontResourceName!==void 0&&this.setBitmapFontResourceName(t.bfrn),this._textureAtlasResourceName!==void 0&&this.setTextureAtlasResourceName(t.tarn),this._scaleX!==void 0&&this.setScale(t.scale),this._wordWrap!==void 0&&this.setWordWrap(t.wwrap),this._wrappingWidth!==void 0&&this.setWrappingWidth(t.wwidth),this._align!==void 0&&this.setAlignment(t.align)}extraInitializationFromInitialInstance(t){t.customSize&&this.setWrappingWidth(t.width)}onDestroyed(){super.onDestroyed(),this._renderer.onDestroy()}setText(t){this._text=t,this._renderer.updateTextContent(),this.invalidateHitboxes()}getText(){return this._text}setTint(t){this._tint=i.rgbOrHexToRGBColor(t),this._renderer.updateTint()}getTint(){return this._tint[0]+";"+this._tint[1]+";"+this._tint[2]}getScale(){const t=this.getScaleX(),e=this.getScaleY();return t===e?t:Math.sqrt(t*e)}getScaleX(){return this._scaleX}getScaleY(){return this._scaleY}setScale(t){this.setScaleX(t),this.setScaleY(t)}setScaleX(t){t<0&&(t=0),this._scaleX!==t&&(this._scaleX=t,this._renderer.updateScale(),this.invalidateHitboxes())}setScaleY(t){t<0&&(t=0),this._scaleY!==t&&(this._scaleY=t,this._renderer.updateScale(),this.invalidateHitboxes())}getFontSize(){return this._renderer.getFontSize()}setBitmapFontAndTextureAtlasResourceName(t,e){t&&(this.setBitmapFontResourceName(t),this._renderer.updateFont()),e&&(this.setTextureAtlasResourceName(e),this._renderer.updateFont())}setBitmapFontResourceName(t){this._bitmapFontResourceName=t}getBitmapFontResourceName(){return this._bitmapFontResourceName}setTextureAtlasResourceName(t){this._textureAtlasResourceName=t}getTextureAtlasResourceName(){return this._textureAtlasResourceName}setAlignment(t){this._align=t,this._renderer.updateAlignment()}getAlignment(){return this._align}setX(t){super.setX(t),this._renderer.updatePosition()}setY(t){super.setY(t),this._renderer.updatePosition()}setAngle(t){super.setAngle(t),this._renderer.updateAngle()}setOpacity(t){t<0&&(t=0),t>255&&(t=255),this._opacity=t,this._renderer.updateOpacity()}getOpacity(){return this._opacity}setWrappingWidth(t){this._wrappingWidth=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes()}getWrappingWidth(){return this._wrappingWidth}setWordWrap(t){this._wordWrap=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes()}getWordWrap(){return this._wordWrap}getWidth(){return this._renderer.getWidth()}getHeight(){return this._renderer.getHeight()}}i.BitmapTextRuntimeObject=r,i.registerObject("BitmapText::BitmapTextObject",i.BitmapTextRuntimeObject)})(gdjs||(gdjs={}));
+var gdjs;(function(i){class r extends i.RuntimeObject{constructor(t,e){super(t,e);this._opacity=e.content.opacity,this._text=e.content.text,this._tint=i.rgbOrHexToRGBColor(e.content.tint),this._bitmapFontResourceName=e.content.bitmapFontResourceName,this._textureAtlasResourceName=e.content.textureAtlasResourceName,this._scaleX=e.content.scale,this._scaleY=e.content.scale,this._wordWrap=e.content.wordWrap,this._wrappingWidth=0,this._align=e.content.align,this._renderer=new i.BitmapTextRuntimeObjectRenderer(this,t),this.onCreated()}getRendererObject(){return this._renderer.getRendererObject()}updateFromObjectData(t,e){return t.content.opacity!==e.content.opacity&&this.setOpacity(e.content.opacity),t.content.text!==e.content.text&&this.setText(e.content.text),t.content.tint!==e.content.tint&&(this._tint=i.rgbOrHexToRGBColor(e.content.tint),this._renderer.updateTint()),t.content.bitmapFontResourceName!==e.content.bitmapFontResourceName&&this.setBitmapFontResourceName(e.content.bitmapFontResourceName),t.content.textureAtlasResourceName!==e.content.textureAtlasResourceName&&this.setTextureAtlasResourceName(e.content.textureAtlasResourceName),t.content.scale!==e.content.scale&&this.setScale(e.content.scale),t.content.wordWrap!==e.content.wordWrap&&this.setWordWrap(e.content.wordWrap),t.content.align!==e.content.align&&this.setAlignment(e.content.align),!0}getNetworkSyncData(){return{...super.getNetworkSyncData(),text:this._text,opa:this._opacity,tint:this._tint,bfrn:this._bitmapFontResourceName,tarn:this._textureAtlasResourceName,scale:this.getScale(),wwrap:this._wordWrap,wwidth:this._wrappingWidth,align:this._align}}updateFromNetworkSyncData(t){super.updateFromNetworkSyncData(t),this._text!==void 0&&this.setText(t.text),this._opacity!==void 0&&this.setOpacity(t.opa),this._tint!==void 0&&(this._tint=t.tint,this._renderer.updateTint()),this._bitmapFontResourceName!==void 0&&this.setBitmapFontResourceName(t.bfrn),this._textureAtlasResourceName!==void 0&&this.setTextureAtlasResourceName(t.tarn),this._scaleX!==void 0&&this.setScale(t.scale),this._wordWrap!==void 0&&this.setWordWrap(t.wwrap),this._wrappingWidth!==void 0&&this.setWrappingWidth(t.wwidth),this._align!==void 0&&this.setAlignment(t.align)}extraInitializationFromInitialInstance(t){t.customSize&&this.setWrappingWidth(t.width),t.opacity!==void 0&&this.setOpacity(t.opacity)}onDestroyed(){super.onDestroyed(),this._renderer.onDestroy()}setText(t){this._text=t,this._renderer.updateTextContent(),this.invalidateHitboxes()}getText(){return this._text}setTint(t){this._tint=i.rgbOrHexToRGBColor(t),this._renderer.updateTint()}getTint(){return this._tint[0]+";"+this._tint[1]+";"+this._tint[2]}getScale(){const t=this.getScaleX(),e=this.getScaleY();return t===e?t:Math.sqrt(t*e)}getScaleX(){return this._scaleX}getScaleY(){return this._scaleY}setScale(t){this.setScaleX(t),this.setScaleY(t)}setScaleX(t){t<0&&(t=0),this._scaleX!==t&&(this._scaleX=t,this._renderer.updateScale(),this.invalidateHitboxes())}setScaleY(t){t<0&&(t=0),this._scaleY!==t&&(this._scaleY=t,this._renderer.updateScale(),this.invalidateHitboxes())}getFontSize(){return this._renderer.getFontSize()}setBitmapFontAndTextureAtlasResourceName(t,e){t&&(this.setBitmapFontResourceName(t),this._renderer.updateFont()),e&&(this.setTextureAtlasResourceName(e),this._renderer.updateFont())}setBitmapFontResourceName(t){this._bitmapFontResourceName=t}getBitmapFontResourceName(){return this._bitmapFontResourceName}setTextureAtlasResourceName(t){this._textureAtlasResourceName=t}getTextureAtlasResourceName(){return this._textureAtlasResourceName}setAlignment(t){this._align=t,this._renderer.updateAlignment()}getAlignment(){return this._align}setX(t){super.setX(t),this._renderer.updatePosition()}setY(t){super.setY(t),this._renderer.updatePosition()}setAngle(t){super.setAngle(t),this._renderer.updateAngle()}setOpacity(t){t<0&&(t=0),t>255&&(t=255),this._opacity=t,this._renderer.updateOpacity()}getOpacity(){return this._opacity}setWrappingWidth(t){this._wrappingWidth=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes()}getWrappingWidth(){return this._wrappingWidth}setWordWrap(t){this._wordWrap=t,this._renderer.updateWrappingWidth(),this.invalidateHitboxes()}getWordWrap(){return this._wordWrap}getWidth(){return this._renderer.getWidth()}getHeight(){return this._renderer.getHeight()}}i.BitmapTextRuntimeObject=r,i.registerObject("BitmapText::BitmapTextObject",i.BitmapTextRuntimeObject)})(gdjs||(gdjs={}));
 //# sourceMappingURL=bitmaptextruntimeobject.js.map