Как рандомно распределить картинки в форме сердца?

Question

[run182]

Есть массив из фото, нужно их разместить в форме сердца.
Если загрузиться еще фото, нужно ее добавить в массив и перераспределить.

Есть ли готовый плагин для этого или что можно почитать про это?

Answer 1

[RAX7]

Можно разбить плоскость на прямоугольники по этому алгоритму https://gamedev.stackexchange.com/a/74910 , затем проверить какие из прямоугольников попадают в фигуру сердца методом: isPointInPath, те, что попадаю нарисовать.

Comments

[run182]

Мне нужно иметь возможность отслеживать клик на каждой картинке чтобы, например увеличивать по клику - в данном способе есть такая возможность или может другой способ размещения есть?

[RAX7]

run182, можно проверить попадают ли координаты курсора мыши в один из прямоугольников с картинкой https://stackoverflow.com/questions/40687491/javas... , если попадает - увеличивать эту картинку.
Другой способ размещения - вставлять картинки в DOM и задавать им position: absolute, так проще будет определить клики по картинкам и сделать анимацию увеличения.

[run182]

RAX7, А можете привести пример размещения картонок в DOM с absolute position?

Answer 2

[Сергей]

каждый раз, когда вы располагаете картинку, вы задаёте её координаты по х и у.
нужно взять генератор случайных чисел и обращаться к нему всякий раз.
В JS это метод random объекта Math.

Расположить картинку надо много раз (их же много). Тут нужен цикл.