Как найти внутренний квадрат в квадрате?

Question

[dmitriyivvvv]

Добрый день! Задался таким вопросом: допустим у нас имеется поле например 6x6 = 36 ячеек.
И имеется "внутренний квадрат" размером 5x5 = 25 ячеек. Так вот как найти этот внутренний квадрат при клике на одну из ячеек поля? Все ячейки хранятся в массиве. Допустим я кликаю по ячейке "21"(клик всегда будет расцениваться как центр внутреннего квадрата, и длина стороны внутреннего квадрата всегда будет нечетной)
И мой внутренний квадрат будет [7,8,9,10,11,13,14,15,16,17,19,20,21,22,23,25,26,27,28,29,31,32,33,34,35];
Больше примеров:

Если я кликаю по ячейке под индексом 0, то внутренним квадратом будет [0,1,2,6,7,8,12,13,14], а если по ячейке под индексом 35 то [21,22,23,27,28,29,33,34,35];
Как такое реализовать на js, мб имеется какой то алгоритм или формула?
p.s. на рисунках клик обведен красным, внутренний квадрат черным.

Comments

[Andrew]

А если вы кликаете по ячейке 34? или 1?
Сами придумали какой-то принцип и ищете алгоритм для его решения?

[Roman Sokolov]

По координатам клика находишь left_start и top_start и рисуешь внутренний нужного размера

[dmitriyivvvv]

Andrew,

[Andrew]

dmitriyivvvv, 4x3?) вы точно знаете что такое квадрат?)

[dmitriyivvvv]

Andrew, ну если он выходит за границы поля, то он обрезается

Answer 1

[0xD34F]

При известных размерах поля можно вычислить координаты элемента на основе его индекса:

строка = floor(индекс / количество столбцов)
столбец = индекс % количество столбцов

Ну а при клике надо взять все элементы, чьи координаты отличаются от координат кликнутого элемента не более чем на какое-то определённое значение (в данном случае 2 - т.к. сторона квадрата 5, floor(5 / 2)).

Заценить живьём.

Comments

[dmitriyivvvv]

0xD34F Спасибо!