Как избавиться от Искажений в текстурах Canvas JavaScript ?

Question

[jkeks]

Добрый день !

Есть 3D упаковка, если реализовать просмотр упаковки на Flash через какой-нибудь Alternativa3D, то текст будет выглядеть на упаковочке так:


А если реализовать на JavaScript через Canvas, то текст будет выглядеть вот так:


Разница в читаемости текста.
Использовать WebGL не могу, Использовать CSS3D еще очень рано, разные там VRML не работают в браузерах из коробки, SVG тоже как я понял не полноценен. Использовать Flash крайне не желательно. Canvas - самый верный вариант для моего случая(объекты очень простые).
Работал с threejs и phoriajs
Ситуация одинаковая во всех браузерах, включая Android браузеры
Увеличение количества полигонов - тупиковый вариант и не подходит, искажения не исчезают, а лишь изменяются.

Для пущей наглядности GIF-ка как это работает криво:

Answer 1

[zooks]

Посмотрите здесь:
https://github.com/mrdoob/three.js/issues/659

Comments

[jkeks]

они увеличили количество плоскостей, как я и написал, это не решение проблемы, а просто видоизменение ее. Текст нечитабельный все равно

Answer 2

[Дмитрий Ермолаев]

могу предложить такой вариант с использованием css
www.youtube.com/watch?v=fzubePyhPok&list=PL026CCEB...

Comments

[jkeks]

Видео конечно впечатляющее я бы рассматривал такой вариант очень серьезно если бы не:
однако наложения текстур в Видео нет, и еще:
Opera 25, Chrome 37 - не работает. Вот уже не знаю почему.
Firefox 33 - работает
Android:
Firefox 33 - не работает (видимо событие такое не происходит mousemove может и заработало бы)
Интрнет(стандартный браузер) - не работает
Opera 25 для Андроидов - не работает

Ну и кто увидит это ?