Как устранить шов между треугольниками UV-карты (HTML5 Canvas)?

Question

Я установил простую демонстрацию УФ-картирования на http://jsfiddle.net/pB5A9/1/. Он основан на обработке изображений и наложении текстур с использованием HTML5 Canvas? .

Сам алгоритм работает довольно хорошо. Хотя есть одна проблема. Там, кажется, слабый шов между треугольниками. Я проверял это как на Chrome (14. что-то) и Safari (5.1). Возможно, он работает правильно в других браузерах, хотя я не уверен в этом.

Полагаю, проблема связана с отсечкой. Дело в том, что я не уверен, как настроить координаты, чтобы проблема исчезла. Возможно, отсутствует какой-либо отступ (+1) или что-то еще. Идеи приветствуются. :)

Answer 1

Это связано с тем, как разные браузеры выбирают сглаживание (или нет).

Хорошо выглядит на Chrome 15.

Отсечение меньше должно решить вашу проблему. Я бы посоветовал вам расширить область отсечения для каждого объекта на 0,5 или 1 пиксель и посмотреть, как это происходит. (в качестве альтернативы вы можете попробовать сместить все на 0,5 пикселя и посмотреть, изменится ли сглаживание, вы можете быть удивлены)