Allow changing opacity & flip XY from instance properties panel

Core/GDCore/Project/InitialInstance.cpp

@@ -27,7 +27,10 @@ InitialInstance::InitialInstance()
       rotationX(0),
       rotationY(0),
       zOrder(0),
+      opacity(255),
       layer(""),
+      flippedX(false),
+      flippedY(false),
       customSize(false),
       customDepth(false),
       width(0),
@@ -57,7 +60,10 @@ void InitialInstance::UnserializeFrom(const SerializerElement& element) {
     SetHasCustomDepth(false);
   }
   SetZOrder(element.GetIntAttribute("zOrder", 0, "plan"));
+  SetOpacity(element.GetIntAttribute("opacity", 255));
   SetLayer(element.GetStringAttribute("layer"));
+  SetFlippedX(element.GetBoolAttribute("flippedX", false));
+  SetFlippedY(element.GetBoolAttribute("flippedY", false));
   SetLocked(element.GetBoolAttribute("locked", false));
   SetSealed(element.GetBoolAttribute("sealed", false));
   SetShouldKeepRatio(element.GetBoolAttribute("keepRatio", false));
@@ -113,6 +119,9 @@ void InitialInstance::SerializeTo(SerializerElement& element) const {
   element.SetAttribute("y", GetY());
   if (GetZ() != 0) element.SetAttribute("z", GetZ());
   element.SetAttribute("zOrder", GetZOrder());
+  if (GetOpacity() != 255) element.SetAttribute("opacity", GetOpacity());
+  if (IsFlippedX()) element.SetAttribute("flippedX", IsFlippedX());
+  if (IsFlippedY()) element.SetAttribute("flippedY", IsFlippedY());
   element.SetAttribute("layer", GetLayer());
   element.SetAttribute("angle", GetAngle());
   if (GetRotationX() != 0) element.SetAttribute("rotationX", GetRotationX());
@@ -155,8 +164,8 @@ InitialInstance& InitialInstance::ResetPersistentUuid() {
 
 std::map<gd::String, gd::PropertyDescriptor>
 InitialInstance::GetCustomProperties(
-    gd::ObjectsContainer &globalObjectsContainer,
-    gd::ObjectsContainer &objectsContainer) {
+    gd::ObjectsContainer& globalObjectsContainer,
+    gd::ObjectsContainer& objectsContainer) {
   // Find an object
   if (objectsContainer.HasObjectNamed(GetObjectName()))
     return objectsContainer.GetObject(GetObjectName())
@@ -172,9 +181,10 @@ InitialInstance::GetCustomProperties(
 }
 
 bool InitialInstance::UpdateCustomProperty(
-    const gd::String &name, const gd::String &value,
-    gd::ObjectsContainer &globalObjectsContainer,
-    gd::ObjectsContainer &objectsContainer) {
+    const gd::String& name,
+    const gd::String& value,
+    gd::ObjectsContainer& globalObjectsContainer,
+    gd::ObjectsContainer& objectsContainer) {
   if (objectsContainer.HasObjectNamed(GetObjectName()))
     return objectsContainer.GetObject(GetObjectName())
         .GetConfiguration()

Core/GDCore/Project/InitialInstance.h

@@ -29,7 +29,7 @@ class GD_CORE_API InitialInstance {
    * \brief Create an initial instance pointing to no object, at position (0,0).
    */
   InitialInstance();
-  virtual ~InitialInstance(){};
+  virtual ~InitialInstance() {};
 
   /**
    * Must return a pointer to a copy of the object. A such method is needed to
@@ -123,6 +123,36 @@ class GD_CORE_API InitialInstance {
    */
   void SetZOrder(int zOrder_) { zOrder = zOrder_; }
 
+  /**
+   * \brief Get Opacity.
+   */
+  int GetOpacity() const { return opacity; }
+
+  /**
+   * \brief Set the opacity of the instance.
+   */
+  void SetOpacity(int opacity_) { opacity = opacity_; }
+
+  /**
+   * \brief Return true if the instance is flipped on X axis.
+   */
+  bool IsFlippedX() const { return flippedX; }
+
+  /**
+   * \brief Set whether the instance is flipped on X axis.
+   */
+  void SetFlippedX(bool flippedX_) { flippedX = flippedX_; }
+
+  /**
+   * \brief Return true if the instance is flipped on Y axis.
+   */
+  bool IsFlippedY() const { return flippedY; }
+
+  /**
+   * \brief Set whether the instance is flipped on Y axis.
+   */
+  void SetFlippedY(bool flippedY_) { flippedY = flippedY_; }
+
   /**
    * \brief Get the layer the instance belongs to.
    */
@@ -134,8 +164,9 @@ class GD_CORE_API InitialInstance {
   void SetLayer(const gd::String& layer_) { layer = layer_; }
 
   /**
-   * \brief Return true if the instance has a width/height which is different from its
-   * object default width/height. This is independent from `HasCustomDepth`.
+   * \brief Return true if the instance has a width/height which is different
+   * from its object default width/height. This is independent from
+   * `HasCustomDepth`.
    *
    * \see gd::Object
    */
@@ -150,15 +181,13 @@ class GD_CORE_API InitialInstance {
   bool HasCustomDepth() const { return customDepth; }
 
   /**
-   * \brief Set whether the instance has a width/height which is different from its
-   * object default width/height or not.
-   * This is independent from `SetHasCustomDepth`.
+   * \brief Set whether the instance has a width/height which is different from
+   * its object default width/height or not. This is independent from
+   * `SetHasCustomDepth`.
    *
    * \see gd::Object
    */
-  void SetHasCustomSize(bool hasCustomSize_) {
-    customSize = hasCustomSize_;
-  }
+  void SetHasCustomSize(bool hasCustomSize_) { customSize = hasCustomSize_; }
 
   /**
    * \brief Set whether the instance has a depth which is different from its
@@ -264,18 +293,19 @@ class GD_CORE_API InitialInstance {
    * \note Common properties ( name, position... ) do not need to be
    * inserted in this map
    */
-  std::map<gd::String, gd::PropertyDescriptor>
-  GetCustomProperties(gd::ObjectsContainer &globalObjectsContainer,
-                      gd::ObjectsContainer &objectsContainer);
+  std::map<gd::String, gd::PropertyDescriptor> GetCustomProperties(
+      gd::ObjectsContainer& globalObjectsContainer,
+      gd::ObjectsContainer& objectsContainer);
 
   /**
    * \brief Update the property called \a name with the new \a value.
    *
    * \return false if the property could not be updated.
    */
-  bool UpdateCustomProperty(const gd::String &name, const gd::String &value,
-                            gd::ObjectsContainer &globalObjectsContainer,
-                            gd::ObjectsContainer &objectsContainer);
+  bool UpdateCustomProperty(const gd::String& name,
+                            const gd::String& value,
+                            gd::ObjectsContainer& globalObjectsContainer,
+                            gd::ObjectsContainer& objectsContainer);
 
   /**
    * \brief Get the value of a double property stored in the instance.
@@ -343,6 +373,9 @@ class GD_CORE_API InitialInstance {
   double rotationX;       ///< Instance angle on X axis (for a 3D object)
   double rotationY;       ///< Instance angle on Y axis (for a 3D object)
   int zOrder;             ///< Instance Z order (for a 2D object)
+  int opacity;            ///< Instance opacity
+  bool flippedX;          ///< True if the instance is flipped on X axis
+  bool flippedY;          ///< True if the instance is flipped on Y axis
   gd::String layer;       ///< Instance layer
   bool customSize;        ///< True if object has a custom width and height
   bool customDepth;       ///< True if object has a custom depth
@@ -352,13 +385,13 @@ class GD_CORE_API InitialInstance {
   gd::VariablesContainer initialVariables;  ///< Instance specific variables
   bool locked;                              ///< True if the instance is locked
   bool sealed;                              ///< True if the instance is sealed
-  bool keepRatio;                           ///< True if the instance's dimensions
-                                            ///  should keep the same ratio.
+  bool keepRatio;                     ///< True if the instance's dimensions
+                                      ///  should keep the same ratio.
   mutable gd::String persistentUuid;  ///< A persistent random version 4 UUID,
                                       ///  useful for hot reloading.
 
-  static gd::String*
-      badStringPropertyValue;  ///< Empty string returned by GetRawStringProperty
+  static gd::String* badStringPropertyValue;  ///< Empty string returned by
+                                              ///< GetRawStringProperty
 };
 
 }  // namespace gd

Extensions/3D/A_RuntimeObject3D.ts

@@ -39,7 +39,8 @@ namespace gdjs {
       gdjs.Resizable,
       gdjs.Scalable,
       gdjs.Flippable,
-      gdjs.Base3DHandler {
+      gdjs.Base3DHandler
+  {
     /**
      * Position on the Z axis.
      */
@@ -164,8 +165,15 @@ namespace gdjs {
         this.setWidth(initialInstanceData.width);
         this.setHeight(initialInstanceData.height);
       }
-      if (initialInstanceData.depth !== undefined)
+      if (initialInstanceData.depth !== undefined) {
         this.setDepth(initialInstanceData.depth);
+      }
+      if (initialInstanceData.flippedX) {
+        this.flipX(initialInstanceData.flippedX);
+      }
+      if (initialInstanceData.flippedY) {
+        this.flipY(initialInstanceData.flippedY);
+      }
     }
 
     setX(x: float): void {

Extensions/3D/CustomRuntimeObject3D.ts

@@ -15,7 +15,8 @@ namespace gdjs {
    */
   export class CustomRuntimeObject3D
     extends gdjs.CustomRuntimeObject
-    implements gdjs.Base3DHandler {
+    implements gdjs.Base3DHandler
+  {
     /**
      * Position on the Z axis.
      */
@@ -72,8 +73,15 @@ namespace gdjs {
 
     extraInitializationFromInitialInstance(initialInstanceData: InstanceData) {
       super.extraInitializationFromInitialInstance(initialInstanceData);
-      if (initialInstanceData.depth !== undefined)
+      if (initialInstanceData.depth !== undefined) {
         this.setDepth(initialInstanceData.depth);
+      }
+      if (initialInstanceData.flippedX) {
+        this.flipX(initialInstanceData.flippedX);
+      }
+      if (initialInstanceData.flippedY) {
+        this.flipY(initialInstanceData.flippedY);
+      }
     }
 
     /**

Extensions/BBText/bbtextruntimeobject.ts

@@ -43,7 +43,8 @@ namespace gdjs {
    */
   export class BBTextRuntimeObject
     extends gdjs.RuntimeObject
-    implements gdjs.OpacityHandler {
+    implements gdjs.OpacityHandler
+  {
     _opacity: float;
 
     _text: string;
@@ -192,6 +193,9 @@ namespace gdjs {
           250
         );
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
     }
 
     onDestroyed(): void {

Extensions/BitmapText/bitmaptextruntimeobject.ts

@@ -52,7 +52,8 @@ namespace gdjs {
    */
   export class BitmapTextRuntimeObject
     extends gdjs.RuntimeObject
-    implements gdjs.TextContainer, gdjs.OpacityHandler, gdjs.Scalable {
+    implements gdjs.TextContainer, gdjs.OpacityHandler, gdjs.Scalable
+  {
     _opacity: float;
     _text: string;
     /** color in format [r, g, b], where each component is in the range [0, 255] */
@@ -203,6 +204,9 @@ namespace gdjs {
       if (initialInstanceData.customSize) {
         this.setWrappingWidth(initialInstanceData.width);
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
     }
 
     onDestroyed(): void {

Extensions/PanelSpriteObject/panelspriteruntimeobject.ts

@@ -39,7 +39,8 @@ namespace gdjs {
    */
   export class PanelSpriteRuntimeObject
     extends gdjs.RuntimeObject
-    implements gdjs.Resizable, gdjs.OpacityHandler {
+    implements gdjs.Resizable, gdjs.OpacityHandler
+  {
     _rBorder: integer;
     _lBorder: integer;
     _tBorder: integer;
@@ -172,6 +173,9 @@ namespace gdjs {
         this.setWidth(initialInstanceData.width);
         this.setHeight(initialInstanceData.height);
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
     }
 
     /**

Extensions/Spine/spineruntimeobject.ts

@@ -36,7 +36,8 @@ namespace gdjs {
       gdjs.Resizable,
       gdjs.Scalable,
       gdjs.Animatable,
-      gdjs.OpacityHandler {
+      gdjs.OpacityHandler
+  {
     private _opacity: float = 255;
     private _scaleX: number = 1;
     private _scaleY: number = 1;
@@ -208,6 +209,15 @@ namespace gdjs {
         this.setSize(initialInstanceData.width, initialInstanceData.height);
         this.invalidateHitboxes();
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
+      if (initialInstanceData.flippedX) {
+        this.flipX(initialInstanceData.flippedX);
+      }
+      if (initialInstanceData.flippedY) {
+        this.flipY(initialInstanceData.flippedY);
+      }
     }
 
     getDrawableX(): number {

Extensions/TextInput/textinputruntimeobject.ts

@@ -10,7 +10,7 @@ namespace gdjs {
     'text area',
   ] as const;
 
-  type SupportedInputType = typeof supportedInputTypes[number];
+  type SupportedInputType = (typeof supportedInputTypes)[number];
 
   const parseInputType = (potentialInputType: string): SupportedInputType => {
     const lowercasedNewInputType = potentialInputType.toLowerCase();
@@ -72,7 +72,8 @@ namespace gdjs {
    */
   export class TextInputRuntimeObject
     extends gdjs.RuntimeObject
-    implements gdjs.TextContainer, gdjs.Resizable, gdjs.OpacityHandler {
+    implements gdjs.TextContainer, gdjs.Resizable, gdjs.OpacityHandler
+  {
     private _string: string;
     private _placeholder: string;
     private opacity: float = 255;
@@ -254,6 +255,9 @@ namespace gdjs {
         this.setWidth(initialInstanceData.width);
         this.setHeight(initialInstanceData.height);
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
     }
 
     onScenePaused(runtimeScene: gdjs.RuntimeScene): void {

Extensions/TextObject/textruntimeobject.ts

@@ -71,7 +71,8 @@ namespace gdjs {
    */
   export class TextRuntimeObject
     extends gdjs.RuntimeObject
-    implements gdjs.TextContainer, gdjs.OpacityHandler {
+    implements gdjs.TextContainer, gdjs.OpacityHandler
+  {
     _characterSize: number;
     _fontName: string;
     _bold: boolean;
@@ -328,6 +329,9 @@ namespace gdjs {
       } else {
         this.setWrapping(false);
       }
+      if (initialInstanceData.opacity !== undefined) {
+        this.setOpacity(initialInstanceData.opacity);
+      }
     }
 
     /**