Grid Inventory - PoE/Diablo-like

[Magnus0808]

Grid Inventory - PoE/Diablo-like
(WIP)
By Magnus0808 || Magnus Rubin Peterson
​

Introduction
I remember seeing people have asked for an inventory system that works like the ones from Path of Exile or Diablo. After looking around I was not able to find any inventory systems like that.
I did notice some grid inventory systems which however did not allow for items which takes up multiple grid slots.
So I decided to make one myself.

I decided to make this thread to share my progress on the plugin as well as getting information about what people would like to have included in a plugin like this.

Where to get the plugin
The plugin can be bought here: LINK
The plugin is still in active development and only people who really cannot wait should get it now.

Currently Working On

Now I am working on customization of the Equip Windows. Making it possible to customize the location and size of each equip slot. Furthermore, the layout can be different for each class. This makes it possible to use plugins such as YEP_EquipCore to change the equipment different classes use and still be able to see and change the equipment through these windows!

Most of the work with making the plugin compatible with the planned YEP_ItemCore extensionsi is done! Now I am going to focus more on customization! Especially on what you want to show in the tool tip

You can see a weapon which uses multiple extensions under "ItemCore Extensions Compatibility" in the Progress section

More customization options, more compatibility, and better scenes?


Progress
The current progress can be seen in the video below.

Spoiler: YEP_ItemCore Extensions Compatibility

Spoiler: ToolTip Window Progress + Custom Icon

Spoiler: Videos

Spoiler: Sixth Demo - Customization Options Progress

Spoiler: Fifth Demo - Chest (Custom) Inventory

Spoiler: Fourth Demo - Item Drop Progress

Spoiler: Third Demo - Equip Menu Progress

Spoiler: Second Demo - Colored Backgrounds

Spoiler: First Demo - Item Grid

Planned Feature List

• Mouse and Keyboard controls (Done?)
• Stackable items (including max stack size) (Done)
• Chests (custom inventories) (Done)
• Drop items (maybe into a chest?)
• Use items (Done)
• Equip equipment (semi-done)
• Move items in the inventory (Done)
• Tooltip Window when you select/hover an item (Done for now. But not perfect)
• Colorcoded inventory cursor (Done)
• Customizable windows
• Larger/Custom icon images to be shown in the inventory (Done)
• More?

Custom Icon Info
Custom Icons uses a seperate spritesheet. Since they might vary in size there should be a data file (.json) which indicates the position and size of each icon in the spritesheet.
The data file uses a hash datastructure and can easily be created alongside the spritesheet with TexturePacker.

The custom icon will only be used in the inventory provided by this plugin. This means that other scenes will still use the normal icon.

More Information/Thoughts
This is one of the larger plugins I am going to write. As such I plan on releasing it commercially or at least commercially for commercial use. Currently I am thinking of a price around $15-20. (Most likely $20)

On another note I am also thinking about how key items should work. Shuld they be in another inventory or be undroppable items?
Also should there be a character status window which shows current equipment and so on? How would that work with multiple characters?

​

 

[Eliaquim]

Looks very good!
I think the price is ok too, it's a fair price.
Keep up the good work!

 

[Zekken]

Looks very nice, what I'm thinking is key item should be undroppable. And character status window that shows equipped item is amazing and if you ask how to work with multiple character, maybe I knew a plugin that you can use as a reference(or example).

 

[Magnus0808]

Hmm I am thinking of making the Inventory screen look kind of like this quick and dirty mockup

Spoiler: Image

Where the plugin user can customize the "status window" part using the plugin parameters (as in choosing the size and locations of the item slots etc.). Also the plugin user should be able to choose a grid size they prefer (how many rows and columns and size of the slots themselves)

The arrows shown in the mockup represent that if the player have more than 4 actors then you whould be able to scroll.

 

[Zekken]

Hmm I am thinking of making the Inventory screen look kind of like this quick and dirty mockup

Spoiler: Image

View attachment 135607

Where the plugin user can customize the "status window" part using the plugin parameters (as in choosing the size and locations of the item slots etc.). Also the plugin user should be able to choose a grid size they prefer (how many rows and columns and size of the slots themselves)
The arrows shown in the mockup represent that if the player have more than 4 actors then you whould be able to scroll.

It would be really great if the status window also display status, so after equipping item, player can see the stats difference.

 

[Den_C]

Will it support Yanfly Item plugins?

 

[Kentaro_]

Very Good! Need this ASAP

 

[Magnus0808]

Will it support Yanfly Item plugins?

With the current implementation it does not. However, I do believe I can make them work together for the most part. (as in Independent Items & Random Variance) however I am not sure how it would work with the extensions which requires the Item Scene provided by YEP_ItemCore.

 

[Kentaro_]

I don't know if that would be possible, but it would also be cool if you can drag items from a chest etc. into your inventory.

If the player opens a chest in the game the loot is shown in a separate window.

Example:

 

[Magnus0808]

Hmm, I am in the process of making the equipment part of the new item scene. I am currently thinking of doing the design shown below. What are your thoughts?

Spoiler: Image

 

[Kentaro_]

Looks Great!

 

[Magnus0808]

I think I will fix the current bugs I know about, add some more customization options, and write the help section of the plugin. Then I think I will setup a itch.io page for the plugin.
The plugin is not done yet so it will be a kind of "early access" to the in development version of the plugin.

That is the current plan right now

 

[Magnus0808]

Most of the more critical bugs should now have been fixed as well as making it compatibile with YEP_ItemCore.
I am wondering if I should focus more on customization or compatibility with the extensions to yanflys item core. Or maybe instead work on making the current scenes look better?

 

[Zekken]

What I think is customizations is really important because it's a part of functionality, second is interface, and compatibility is the last.

 

[Summer夏]

I think the priority is to ensure compatibility.People who intend to purchase this plug-in must use items as the core of the game. Then there will be many plug-ins about items. If they are not compatible, I can imagine that it will be a disaster.
In addition, I think the amulet system in Diablo 2 is also very interesting. As long as it is placed in the backpack, it will have a buff effect.

 

[palatkorn]

I will wait for it to be complete. Because my game is still far from being finished, this looks really good. It will be great. If you set a beautiful background

 

[Nectar]

Need it to be compatable with Yanfly Item Core and Yanfly Picture Icons. Then I will buy.
Also, can Key Items be treated a regular loot? I'd like the player to be able to store all their items into a chest to avoid clutter.

 

[Magnus0808]

I decided to focus on customization and compatibility. I will worry about the looks of the scenes at a later date.

Need it to be compatable with Yanfly Item Core and Yanfly Picture Icons. Then I will buy.
Also, can Key Items be treated a regular loot? I'd like the player to be able to store all their items into a chest to avoid clutter.

It should already be compatible with Yanfly Item Core but not with any of the extensions including Yanfly Picture Icons. Yanfly Picture Icons is the one extension I do not plan on making it compatible with since I do not see the use for it. Since I already have implemented custom images as icons using a spritesheet instead of loading the icons individually.

In the current implementation Key Items are treated exactly like any other loot/items.
I already implemented custom inventories which could be used to make e.g. a chest. So that should already be possible.

Are there any of the extensions to YEP_ItemCore that you use?

Anyway currently I am wondering how to make the plugin compatible with the extensions to YEP_ItemCore. For a lot of the extensions it goes like this:

1. Select Equipment
2. Select (in menu) what you want to do. E.g. Use, Repair, Upgrade, etc
3. Select which item to use for the Repair, Upgrade, etc

That however, does not translate that well into this plugin. I do have a few ideas in mind tho:

1. Do the same steps as normal
   1. Select Equipment
   2. Select what you want to do with the equipment
   3. If you need an item to do it you will go into a "Choose Item Mode" where it will highlight the items you can use in your inventory
2. It is part of the regent item instead of the equipment
   1. Select Item
   2. Select what you want to use the item for
   3. Enter "Choose Equipment Mode"
3. Somewhat the same as idea 2
   1. Select Item (and start to move it)
   2. Select Equipment (move the item to the equipment and select it)
   3. Select what to do depending on the options available. (Choose what to do from a menu)

Personally I like idea 3 the most but what do you guys think? Maybe you have a better idea?

 

[Nectar]

I decided to focus on customization and compatibility. I will worry about the looks of the scenes at a later date.



It should already be compatible with Yanfly Item Core but not with any of the extensions including Yanfly Picture Icons. Yanfly Picture Icons is the one extension I do not plan on making it compatible with since I do not see the use for it. Since I already have implemented custom images as icons using a spritesheet instead of loading the icons individually.

In the current implementation Key Items are treated exactly like any other loot/items.
I already implemented custom inventories which could be used to make e.g. a chest. So that should already be possible.

Are there any of the extensions to YEP_ItemCore that you use?

Anyway currently I am wondering how to make the plugin compatible with the extensions to YEP_ItemCore. For a lot of the extensions it goes like this:

1. Select Equipment
2. Select (in menu) what you want to do. E.g. Use, Repair, Upgrade, etc
3. Select which item to use for the Repair, Upgrade, etc

That however, does not translate that well into this plugin. I do have a few ideas in mind tho:

1. Do the same steps as normal
   1. Select Equipment
   2. Select what you want to do with the equipment
   3. If you need an item to do it you will go into a "Choose Item Mode" where it will highlight the items you can use in your inventory
2. It is part of the regent item instead of the equipment
   1. Select Item
   2. Select what you want to use the item for
   3. Enter "Choose Equipment Mode"
3. Somewhat the same as idea 2
   1. Select Item (and start to move it)
   2. Select Equipment (move the item to the equipment and select it)
   3. Select what to do depending on the options available. (Choose what to do from a menu)

Personally I like idea 3 the most but what do you guys think? Maybe you have a better idea?

Oh sweet, but I really wish the icons were just directly loaded. Saves so much time, I really want to buy it but i'd hate having to go through 500 icon pictures.

 

[Magnus0808]

It really shouldn't be that much more work. You can easily make the spritesheet for the custom icons with TexturePacker (along with the data file). After you have set that up it should work just like Yanfly's pretty much. Using the meta-tag in the item notefield:

<imageSrc:imgName> - replace imgName with the name the custom icon have in the data-file.​