javascript - 如何在P5JS中倾斜图像并将该图像像素放置在另一个图像的像素中(How to SKEW IMAGE in P5JS and place that images pixels in another image's pixel)

Question

I have been searching for a while but was not able to find any about image skewing with p5.js.

(我已经搜索了一段时间，但找不到与p5.js图像倾斜有关的任何信息。)

I am working on a wall painting simulation where I have to make the wall and replace it with other image.

(我正在进行壁画模拟，其中必须制作墙壁并将其替换为其他图像。)

I have marked the pixels in the images where the wall is making it RGBA(0,0,0,0) for the pixels and a quad to mark the space where the wallpaper will be painted.

(我已经在图像中标记了墙的像素，使像素变为RGBA（0,0,0,0），并标记了四边形以标记将要绘制墙纸的空间。)

Github of the js file

(js文件的Github)

Before :

(之前：)

After Marking and selecting the area for the wallpaper:

(标记并选择墙纸区域后：)

This marking is done by implementing flood fill effect and converting the pixels to black.

(通过实现泛洪填充效果并将像素转换为黑色来完成此标记。)

now the problem is i dont know how to skew the image.

(现在的问题是我不知道如何倾斜图像。)

I tried to rotate the image but its not what i am looking for.

(我试图旋转图像，但不是我想要的图像。)

Any kind of suggestion will be greatly appreciated.

(任何建议将不胜感激。)

I am in a total deadlock.

(我完全陷入僵局。)

  ask by Peeyalk Khondokar translate from so

Answer 1

等待大神答复