Can you please explain the result of packing?

[tombohub]

I am playing with packer. I have bin 48 x 48 and two rects 16x16 and 32x32. Like on image:

Have this code:

function packPieces() {
    const options: IOption = { allowRotation: true, smart: true };
    const packer = new MaxRectsPacker(48, 48, 0, options);
    const rects = [new Rectangle(16, 16), new Rectangle(32, 32)];
    packer.addArray(rects);
    return packer.bins;
  }

which returns:

[
  {
    "_dirty": 1,
    "maxWidth": 48,
    "maxHeight": 48,
    "padding": 0,
    "freeRects": [],
    "rects": [
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 0,
        "_width": 32,
        "_height": 32,
        "_x": 0,
        "_y": 0,
        "_data": {}
      }
    ],
    "verticalExpand": false,
    "options": {
      "smart": true,
      "pot": true,
      "square": false,
      "allowRotation": true,
      "tag": false,
      "exclusiveTag": true,
      "border": 0,
      "logic": 1
    },
    "width": 32,
    "height": 32,
    "border": 0,
    "stage": {
      "oversized": false,
      "_rot": false,
      "_dirty": 2,
      "_width": 32,
      "_height": 32,
      "_x": 0,
      "_y": 0,
      "_data": {}
    }
  },
  {
    "_dirty": 1,
    "maxWidth": 48,
    "maxHeight": 48,
    "padding": 0,
    "freeRects": [],
    "rects": [
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 0,
        "_width": 16,
        "_height": 16,
        "_x": 0,
        "_y": 0,
        "_data": {}
      }
    ],
    "verticalExpand": false,
    "options": {
      "smart": true,
      "pot": true,
      "square": false,
      "allowRotation": true,
      "tag": false,
      "exclusiveTag": true,
      "border": 0,
      "logic": 1
    },
    "width": 16,
    "height": 16,
    "border": 0,
    "stage": {
      "oversized": false,
      "_rot": false,
      "_dirty": 2,
      "_width": 16,
      "_height": 16,
      "_x": 0,
      "_y": 0,
      "_data": {}
    }
  }
]

That's 2 bins? Why 2 bins? Why no free rects?

If using option smart: false result is:

[
  {
    "_dirty": 2,
    "maxWidth": 48,
    "maxHeight": 48,
    "padding": 0,
    "freeRects": [
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 0,
        "_width": 16,
        "_height": 48,
        "_x": 32,
        "_y": 0,
        "_data": {}
      },
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 0,
        "_width": 32,
        "_height": 16,
        "_x": 16,
        "_y": 32,
        "_data": {}
      }
    ],
    "rects": [
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 0,
        "_width": 32,
        "_height": 32,
        "_x": 0,
        "_y": 0,
        "_data": {}
      },
      {
        "oversized": false,
        "_rot": false,
        "_dirty": 1,
        "_width": 16,
        "_height": 16,
        "_x": 0,
        "_y": 32,
        "_data": {}
      }
    ],
    "verticalExpand": false,
    "options": {
      "smart": false,
      "pot": true,
      "square": false,
      "allowRotation": true,
      "tag": false,
      "exclusiveTag": true,
      "border": 0,
      "logic": 1
    },
    "width": 48,
    "height": 48,
    "border": 0,
    "stage": {
      "oversized": false,
      "_rot": false,
      "_dirty": 0,
      "_width": 48,
      "_height": 48,
      "_x": 0,
      "_y": 0,
      "_data": {}
    }
  }
]

[soimy]

Maybe you should try define let rects = [new Rectangle(16, 16), new Rectangle(32, 32)]; instead of const rects
addArray will take the input array and sort them by PACKING_LOGIC.MAX_AREA or PACKING_LOGIC.MAX_AREA.