Skip to content

0.30.0-alpha.986+99c7a88

@eonarheim eonarheim tagged this 26 Mar 04:11
`useAnchor: false` The graphics members are positioned from the top left

  ```typescript
  const graphicGroup = new ex.GraphicsGroup({
    useAnchor: false,
    members: [
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(0, 0),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(0, 16),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(16, 16),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(16, 0),
      },
    ],
  });
  ```

![image](https://github.com/excaliburjs/Excalibur/assets/612071/effae398-7281-41a9-bdbc-e0ddc2328237)

`useAnchor: true` The graphics members' total combined bounds are centered by the actor's anchor (.5, .5) by default

  ```typescript
  const graphicGroup = new ex.GraphicsGroup({
    useAnchor: true,
    members: [
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(0, 0),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(0, 16),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(16, 16),
      },
      {
        graphic: heartImage.toSprite(),
        offset: ex.vec(16, 0),
      },
    ],
  });
  ```

![image](https://github.com/excaliburjs/Excalibur/assets/612071/c0ba5312-abc8-4f84-a2fb-5cf3e9e3ab96)
Assets 2
Loading