Create rotated tileable patterns

Create rotated tileable patterns

摘要

继我关于如何制作可铺设的条纹图案的教程之后，这是一个关于如何制作任何可铺设的图案或纹理的可铺设的旋转版本的教程（例如，一个旋转的棋盘，一个倾斜的网格或一个有角度的编织图案）。这比条纹图案要复杂一些，需要更多的数学运算。和上一个教程一样，问题是要把一个可平铺的纹理旋转起来，并且仍然保持旋转后的纹理可平铺，作为网页背景的一部分或类似的东西。下面显示的是一个通用的可平铺图案，我突出了重复的纹理元素（texel），以及同一纹理的旋转版本。对于未旋转的图像来说，贴图是很容易的，你所需要做的就是制作一个正好包含一个重复纹理元素的图像。旋转的纹理在铺设时比较麻烦，你可以看到图像每个边缘的图案都很难与对面的边缘相匹配。本教程研究了如何使它可被铺设。