Как объединить много картинок одного размера в одно большое изображение по заданному алгоритму?

Question

[Tamago4a]

Подробнее:
Есть карта игровой локации https://tarkovmap.ru/interchange.php
При открытие этой ссылки сайт сам достроит ссылку и получится к примеру это
https://tarkovmap.ru/interchange.php#3/75.00/-83.00
После "#" цифра 3 означает что карта открыта в третьем(3) зуме. А дальше идут координаты(это не важно).
Мне надо скачать эту карту. Но проблема в том что она состоит из большого количества кусочков.
Открыв код элемента и немного полазив в среде разработки обнаружил каталог /img/razvyazka/0/0/0.png
Подставил к ссылке сайта и получил https://tarkov-wiki.ru/img/razvyazka/0/0/0.png (/Z/X/Y)
Немного по подбирав значения между "/" я выяснил что:
/Z(зум) - это и есть зум(мне нужно максимально приблизить чтобы картинка была в максимальной чёткости. Макс. значение 6.
/X(горизонталь) - это значение отвечает за положение картинок по горизонтали. Макс. значение 35.
/Y(вертикаль) - это значение отвечает за положение картинок по вертикали. Макс. значение 21.
https://tarkov-wiki.ru/img/razvyazka/6/35/21.png
И отсчёт начинается с 0, то есть строк и колонок не 35 и 21, а 36 и 22. 36 * 22 = 792 картинок размером по 256 на 256 пикселей.
Задача вполне очевидна.
1. скачать все изображения.
2. собрать одно изображение.
Если допустим скачать я могу вручную, но объединить 800 картинок я не смогу из-за монотонности работы.
Нужен какой-то скрипт или что-то типа того чтобы он объединял 36 картинок, и переходил на новую строку.
Хотя честно говоря и скачивать вручную желания нет.
Помогите пожалуйста советом.
А вот для примера /6/25/17.png

Answer 1

[anikavoi]

imagemagic
https://imagemagick.org/index.php

How to join images using ImageMagick
https://codeyarns.com/2014/10/27/how-to-join-image...

Answer 2

[Вадим Шаталов]

https://note.nkmk.me/en/python-pillow-concat-images/

Answer 3

[Алексей]

Какая то странная задача, не проще найти оригинал и его разделить на нужный тебе зум ? Добавь leaflet в теги, те кто его знают лучше помогут раздробить хайрез на составные, лично я пилил с помощью openCV в ноде.

Вот например карта с названием Развязка, найдено за 17 секунд в гугле https://vignette.wikia.nocookie.net/escapefromtark...

Comments

[Tamago4a]

Да эту локацию я взял для примера. Но в этой игре много локаций и по всем не найти карту в гугле. Поэтому и решил вот таким способом сделать. То что вы написали в первой части я вообще не понял :)
Кстати отмечу, что картинки немного отличаются. В целом, решение для подобной задачи много где пригодилось бы.

[Алексей]

Tamago4a, Ну тут решать то особо и нечего, если уже итак точно знаешь х и у, просто делаешь в цикле запросы и сохраняешь результат. Примерно что-то такое с opencv

const cv = require('opencv4nodejs');
// 9216 x 5632 
const z = 6;
let largeImage = new cv.Mat(new Array(9216).fill( new Array(5632).fill([0,0,0]) ), cv.CV_8UC3);
let x = 36; 
let y = 22;

while(y--) {
	while(x--){
		// предпочтительно заюзать какуюнибудь рекурсию или создать очередь, а то за раз полетит 792 запроса
		request(`${siteUrl}/${z}/${y}/${x}.png`).then(response => {
			if (response.status === 200) {
				let offsetX = 256 * x;
				let offsetY = 256 * y;
				let imgPiece = cv.imread(response.body); // хз сработает ли таким образом
				for (let c = 0; c < 256; c++) {
					for (let v = 0; v < 256; v++) {
						largeImg.set((offsetY + c), (offsetX + v), imgPiece.at(c, v)); // копируем пиксель с маленькой картинки на большую
					};
				};
			};
		});
	};
};