Complex interface, need an algorithm?

Question

css

There is such a layout, this is an inventory layout from the future GTA5 mod.


The difficulty is that.

1. Things must move through DragAndDrop.
2. One thing can occupy more than one cell.

Does anyone have any thoughts on how I can implement this? So that it still does not lag.

Answer 1

In JS, using HTML and some geometry.

Answer 2

the interface is primitive. Objects probably also only occupy rectangles. Cells of the whole cat cried.
Even if you cheat as it turns out, you won’t lag, and if you do, then you have a great talent.
What exactly is difficult for you? break the screen into cells? Or carry an object from one cell to another? both at the level of school computer science + a little reading of the documentation on canvas and drag and drop