Я создаю 3d-игру на javascript, которая позволяет игроку передвигаться. В настоящее время я пытаюсь текстурировать стороны кубов, которые отображаются в виде четырехугольников на 2-м холсте. У меня есть функция drawImage (), которая принимает в качестве параметров углы четырехугольника и изображение для рисования. Как растянуть изображение до четырехугольника?
Я пытался использовать ctx.transform (), но этот метод требует, чтобы я знал угол выпадающего четырехугольника, который меняется на протяжении всей игры, когда игрок поворачивается и двигается. Я посмотрел на похожие вопросы, но они имеют неработающие ссылки или используют 3d-преобразования (что не поддерживается большинством браузеров). Я хочу использовать ванильный JavaScript. Ответ здесь объясняет, как наклонить изображение, чтобы поместиться в трапецию, но я хочу иметь возможность наклонить изображение, чтобы поместиться в любой четырехугольник
function drawImage(x1, y1, x2, y2, x3, y3, x4, y4, image) {
//code should go here
}
Я могу использовать drawImage (), чтобы нарисовать прямоугольное изображение, но я не могу нарисовать изображение как четырехугольник.