feat: Add GraphicsComponent.bounds which will return the world bounds…

… of the current graphic if applicable, local otherwise

CHANGELOG.md

@@ -16,7 +16,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 ### Added
 
--
+- Added `GraphicsComponent.bounds` which will report the world bounds of the graphic if applicable!
 
 ### Fixed
 

src/engine/Graphics/GraphicsComponent.ts

@@ -7,6 +7,7 @@ import { Component } from '../EntityComponentSystem/Component';
 import { Material } from './Context/material';
 import { Logger } from '../Util/Log';
 import { WatchVector } from '../Math/watch-vector';
+import { TransformComponent } from '../EntityComponentSystem';
 
 /**
  * Type guard for checking if a Graphic HasTick (used for graphics that change over time like animations)
@@ -362,13 +363,30 @@ export class GraphicsComponent extends Component {
     this._localBounds = bb;
   }
 
+  /**
+   * Get local bounds of graphics component
+   */
   public get localBounds(): BoundingBox {
     if (!this._localBounds || this._localBounds.hasZeroDimensions()) {
       this.recalculateBounds();
     }
     return this._localBounds;
   }
 
+  /**
+   * Get world bounds of graphics component
+   */
+  public get bounds(): BoundingBox {
+    let bounds = this.localBounds;
+    if (this.owner) {
+      const tx = this.owner.get(TransformComponent);
+      if (tx) {
+        bounds = bounds.transform(tx.get().matrix);
+      }
+    }
+    return bounds;
+  }
+
   /**
    * Update underlying graphics if necessary, called internally
    * @param elapsed

src/spec/GraphicsComponentSpec.ts

@@ -289,6 +289,27 @@ describe('A Graphics ECS Component', () => {
     }));
   });
 
+  it('correctly calculates graphics world bounds (rasters)', () => {
+    const tx = new ex.TransformComponent();
+    tx.pos = ex.vec(500, 900);
+    const sut = new ex.GraphicsComponent();
+    const rec2 = new ex.Rectangle({
+      width: 200,
+      height: 10
+    });
+    rec2.scale = ex.vec(2, 2);
+    sut.add(rec2);
+
+    const entity = new ex.Entity([tx, sut]);
+
+    expect(sut.bounds).toEqual(new ex.BoundingBox({
+      left: 300,
+      right: 700,
+      top: 890,
+      bottom: 910
+    }));
+  });
+
   it('correctly calculates graphics bounds (rasters + offset)', () => {
     const sut = new ex.GraphicsComponent();
     const rec2 = new ex.Rectangle({