diff --git a/client/src/scenes/item.list.js b/client/src/scenes/item.list.js index 7444cebf..02113868 100644 --- a/client/src/scenes/item.list.js +++ b/client/src/scenes/item.list.js @@ -32,12 +32,14 @@ const COMB_COLUMNS = 3; const drawVbox = (graphics) => { const boxDrawX = BOX_X - ITEM_WIDTH * 0.05; const boxDrawY = BOX_Y - ITEM_HEIGHT * 0.05; - for (let i = 0; i <= BOX_COLUMNS; i += 1) { - const x = boxDrawX + i * ITEM_WIDTH * 1.1; + graphics.strokeRect(boxDrawX, boxDrawY, ITEM_WIDTH * 1.1 * BOX_COLUMNS, ITEM_HEIGHT * 1.1 * BOX_ROWS); + + for (let i = 0; i < (BOX_COLUMNS - 1); i += 1) { + const x = boxDrawX + (i + 1) * ITEM_WIDTH * 1.1; graphics.lineBetween(x, boxDrawY, x, boxDrawY + ITEM_HEIGHT * 1.1 * BOX_ROWS); } - for (let i = 0; i <= BOX_ROWS; i += 1) { - const y = boxDrawY + i * ITEM_HEIGHT * 1.1; + for (let i = 0; i < (BOX_ROWS - 1); i += 1) { + const y = boxDrawY + (i + 1) * ITEM_HEIGHT * 1.1; graphics.lineBetween(boxDrawX, y, boxDrawX + ITEM_WIDTH * 1.1 * BOX_COLUMNS, y); } }; @@ -45,12 +47,14 @@ const drawVbox = (graphics) => { const drawInventory = (graphics) => { const invDrawX = INV_X - ITEM_WIDTH * 0.05; const invDrawY = INV_Y - ITEM_HEIGHT * 0.05; - for (let i = 0; i <= INV_COLUMNS; i += 1) { - const x = invDrawX + i * ITEM_WIDTH * 1.1; + graphics.strokeRect(invDrawX, invDrawY, ITEM_WIDTH * 1.1 * INV_COLUMNS, ITEM_HEIGHT * 1.1 * INV_ROWS); + + for (let i = 0; i < (INV_COLUMNS - 1); i += 1) { + const x = invDrawX + (i + 1) * ITEM_WIDTH * 1.1; graphics.lineBetween(x, invDrawY, x, invDrawY + ITEM_HEIGHT * 1.1 * INV_ROWS); } - for (let i = 0; i <= INV_ROWS; i += 1) { - const y = invDrawY + i * ITEM_HEIGHT * 1.1; + for (let i = 0; i < (INV_ROWS - 1); i += 1) { + const y = invDrawY + (i + 1) * ITEM_HEIGHT * 1.1; graphics.lineBetween(invDrawX, y, invDrawX + ITEM_WIDTH * 1.1 * INV_COLUMNS, y); } }; @@ -58,12 +62,14 @@ const drawInventory = (graphics) => { const drawCombiner = (graphics) => { const combDrawX = COMB_X - ITEM_WIDTH * 0.05; const combDrawY = COMB_Y - ITEM_HEIGHT * 0.05; - for (let i = 0; i <= COMB_COLUMNS; i += 1) { - const x = combDrawX + i * ITEM_WIDTH * 1.1; + graphics.strokeRect(combDrawX, combDrawY, ITEM_WIDTH * 1.1 * COMB_COLUMNS, ITEM_HEIGHT * 1.1 * COMB_ROWS); + + for (let i = 0; i < (COMB_COLUMNS - 1); i += 1) { + const x = combDrawX + (i + 1) * ITEM_WIDTH * 1.1; graphics.lineBetween(x, combDrawY, x, combDrawY + ITEM_HEIGHT * 1.1 * COMB_ROWS); } - for (let i = 0; i <= COMB_ROWS; i += 1) { - const y = combDrawY + i * ITEM_HEIGHT * 1.1; + for (let i = 0; i <= (COMB_ROWS - 1); i += 1) { + const y = combDrawY + (i + 1) * ITEM_HEIGHT * 1.1; graphics.lineBetween(combDrawX, y, combDrawX + ITEM_WIDTH * 1.1 * COMB_COLUMNS, y); } };