Я ищу логическое понимание с примерами идей реализации при использовании такой таблицы:
http://thorsummoner.github.io/old-html-tabletop-test/pallete/tilesets/fullmap/scbw_tiles.png
И рендеринг в логическом виде, например:
http://thorsummoner.github.io/old-html-tabletop-test/
Я вижу, что все плитки есть, но я не понимаю, как они помещаются таким образом, что формирует фигуры.
Мое понимание рендеринга плиток до сих пор прост и очень ручное. Петля через массив карт, где есть числа (1, 2, 3, что угодно), визуализируйте указанный фрагмент.
var mapArray = [
[0, 0, 0, 0 ,0],
[0, 1, 0, 0 ,0],
[0, 0, 0, 0 ,0],
[0, 0, 0, 0 ,0],
[0, 0, 1, 1 ,0]
];
function drawMap() {
background = new createjs.Container();
for (var y = 0; y < mapArray.length; y++) {
for (var x = 0; x < mapArray[y].length; x++) {
if (parseInt(mapArray[y][x]) == 0) {
var tile = new createjs.Bitmap('images/tile.png');
}
if (parseInt(mapArray[y][x]) == 1) {
var tile = new createjs.Bitmap('images/tile2.png');
}
tile.x = x * 28;
tile.y = y * 28;
background.addChild(tile);
}
}
stage.addChild(background);
}
Получает меня:
Но это означает, что я должен вручную определить, где каждая плитка идет в массиве, чтобы были сделаны логические формы (скальные образования, патча травы и т.д.).
Очевидно, что парень, который сделал вышеприведенный код github, использовал другой метод. Любое руководство по пониманию логики (с простым псевдокодом) было бы очень полезно