Разрывы в HTML Холст с javascript

Question

Я кодирую игру с AngularJS, и я столкнулся с проблемой, я думаю, что конфигурация размера плитки.

Вот экран моего приложения:

Как видите, плитки слева разделены рамкой, а не справа. При разном размере экрана он становится еще более заметным.

Моя карта основана на размере окна и плитах.

// Canvas size
canvas.width  = window.innerWidth;
canvas.height = window.innerHeight-90; // minus menu size

// Camera size
function Camera(map, width, height) {
    this.x = 0;
    this.y = 0;
    this.width = width;
    this.height = height;
    this.maxX = map.cols * map.tsize - width;
    this.maxY = map.rows * map.tsize - height;
}

// Tile size
tsize: window.innerWidth/20

Код основан на учебнике по MDN: Ссылка на учебник по разработке игр

Answer 1

Вероятно, это связано с проблемами округления при рендеринге плиток. Это может быть вызвано неравномерным расположением камеры или увеличением.
Попробуйте использовать ceil() для размера плитки или просто увеличьте его немного.