相关疑难解决方法(0)

在我正在研究的3D引擎中,我已经成功地在3D中绘制了一个立方体.就我而言,填充边的唯一方法是使用纯色或渐变.为了让事情更令人兴奋,我真的很想用简单的位图实现纹理映射.

关键是我几乎找不到关于JavaScript中图像处理主题的任何文章或代码示例.此外,HTML5画布中的图像支持似乎仅限于裁剪.

我怎样才能拉伸位图,以便矩形位图可以填满不规则的立方体面？在2D中,由于透视,投影的方形立方体面不是方形,所以我必须拉伸它以使其适合任何四边形.

希望这张图片澄清了我的观点.左脸现在充满了白色/黑色渐变.在纹理映射后,我怎么能用位图填充它？

有没有人对使用JavaScript和HTML5 Canvas的透视纹理贴图(或图像处理)有任何提示？

编辑:我得到它的工作,感谢6502!

然而,它是CPU密集型的,所以我很想听到任何优化的想法.

结果使用6502的技术 - 使用纹理图像