Я экспериментирую с canvas как часть моего введения в HTML5. Это работа по заданию, но я вообще не прошу никакой помощи по фактической курсовой работе.
Я пытаюсь написать движок рендеринга, но безуспешно, потому что после того, как изображение нарисовано на холсте, оно выглядит очень искаженным, а не в правильных размерах самого изображения.
Я создал механизм анимации, который загружает изображения в массив, а затем перебирает их с определенной скоростью. Это не проблема, и я предполагаю, что это не вызывает проблемы, поскольку это происходило, когда я рисовал изображение на холсте без компонента анимации.
Я думаю, что это естественное поведение для масштабирования / перекоса изображений при изменении размера окна, поэтому я победил это, просто перерисовав всю вещь после изменения размера окна.
Изображения, которые я использую, являются изометрическими и нарисованы на уровне пикселей. Это вызвало бы искажение? Кажется, установка размеров на функцию drawImage () не работает, все. Я использую JavaScript для манипулирования и рендеринга холста.
Обычно я пытался бы решить это сам, но у меня нет времени задуматься, почему, потому что я понятия не имею, почему оно даже масштабирует / наклоняет изображение после его рисования на холсте. Я не могу поделиться кодом по понятным причинам. Я должен также отметить, что размер холста - это общая ширина области просмотра, так как я разрабатываю игру.
Мой вопрос: кто-нибудь сталкивался с этим и как бы я это исправить?
Спасибо за вашу помощь.