Сложный интерфейс, нужен алгоритм?

Question

[IDONTSUDO]

Есть такой макет, это макет инвентаря из будущего мода GTA5.


Сложность в том, что.

1. Вещи должны передвигаться через DragAndDrop.
2.Одна вещь, может занимать более чем одну клеточку.

Есть у кого мысли на тему того как я могу это реализовать? Так что бы оно еще не лагало.

Answer 1

[xmoonlight]

На JS, используя HTML и чуть геометрии.

Comments

[IDONTSUDO]

Мне казалось тут скорее, математика и переумножение матриц. Но если геометрия. То можете описать точнее.

[xmoonlight]

IDONTSUDO, Разбивка поля на квадраты со стороной k: X=Math.floor(width/k), Y=Math.floor(height/k).

Answer 2

[Robur]

интерфейс примитивный. Предметы наверное тоже только прямоугольники занимают. Клеток всего кот наплакал.
Даже если наговнякаете как получится - лагать не будет, а если будет то у вас большой талант.
В чем именно для вас сложность? экран на клетки разбить? или таскать предмет из одной клетки в другую? и то и другое на уровне школьной информатики + немного чтения документации по канвасу и драг н дропу

Comments

[IDONTSUDO]

- немного чтения документации по канвасу и драг н дропу
DragAndDrop использует HTML5.Canvas не связан с HTML5.
-Предметы наверное тоже только прямоугольники занимают.
Предметы могут занимать, и прямоугольные значения.
-Клеток всего кот наплакал.
Количество клеток на экране зависит от данных в бд.То есть игрок может их прокачивать.
-В чем именно для вас сложность?
таскать предмет из одной клетки в другую, и зависимости от, количества занимаемых предметом клеток перерендеривать, клетки на экране.
- на уровне школьной информатики
Я рад что у вас настолько хороший учитель был.

[Пашенька]

IDONTSUDO,

Canvas не связан с HTML5.

Ты прикалываешься? Canvas и есть элемент html5.

Драг-н-Дроп реализуется событиями onmousedown, onmousemove, onmouseup.
Но тебе не хватит опыта написать драг-н-дроп, так что это значения не имеет.

[Robur]

Я рад что у вас настолько хороший учитель был.

нашего учителя я учил программировать.
Поэтому хорошо знаю что значит разбираться самому как что работает.

Разберитесь для начала как нарисовать клетки. сделайте это
Потом разберитесь как таскать что-то мышкой по экрану. вне зависимости от клеток, просто потаскайте кружок.
потом уже поймете как сделать то что вы хотите