法线贴图的作用
精灵是平的,所以 2D 游戏中的光会把它均匀照亮,像一张贴纸。法线贴图是另一张同样大小的图片,它的颜色表示每个像素朝向哪里。有了它,引擎就会照亮精灵朝向光源的一侧,并让另一侧变暗。
没有哪幅画带有这些信息,所以只能推测。这个工具为每个像素推测一个高度,再把高度的坡度转换成贴图。
让扁平的精灵在 2D 光照下有立体感。拖入精灵,在预览中移动光源,然后下载 Godot 和 Unity 可以直接读取的法线贴图。任何内容都不会离开你的设备。
在你的设备上生成。你的图片绝不会被上传。
工作原理
选择、拖入或粘贴精灵、图块或纹理。整个文件夹也可以。
选择深度的来源和强度,并在预览上移动指针,看看光照的效果。
贴图保存为 名称_n.png,也就是引擎与精灵配对时使用的名称,尺寸与精灵相同。
法线贴图生成
预览会用精灵自己的法线贴图把它照亮,所以你看到的是效果,而不是一张紫色的图。
让平涂的精灵从轮廓向内变圆,从明暗中读出纹理的起伏,或两者混合。
Godot 和 Unity 用绿色朝上,Unreal 用翻转后的,并保留精灵的透明度。
一切都在你的浏览器中完成,因此你的图片留在你的设备上。
详细说明
精灵是平的,所以 2D 游戏中的光会把它均匀照亮,像一张贴纸。法线贴图是另一张同样大小的图片,它的颜色表示每个像素朝向哪里。有了它,引擎就会照亮精灵朝向光源的一侧,并让另一侧变暗。
没有哪幅画带有这些信息,所以只能推测。这个工具为每个像素推测一个高度,再把高度的坡度转换成贴图。
在 Godot 中,创建一个 CanvasTexture,把精灵放进 Diffuse,把贴图放进 Normal Map,再给场景添加 PointLight2D 或 DirectionalLight2D。在 Unity 中,在 Sprite Editor 里把贴图添加为名为 _NormalMap 的次级纹理,并用 Universal Render Pipeline 的 2D 光源照亮场景。
两者都把绿色读作朝上,贴图也是这样保存的。对于把绿色读作朝下的引擎(如 Unreal),请打开“翻转绿色通道”。
法线贴图生成
不会。一切都在你的浏览器中、在你自己的设备上运行。你的图片绝不会发送给 Moriqa 或其他任何人,关闭页面后也不会保留任何内容。
添加精灵,选择深度的来源,查看带光照的预览,然后下载 PNG。它与精灵尺寸相同。
它的颜色表示方向,而不是颜色:红色代表左右,绿色代表上下,蓝色指向观看者。平坦的表面就是常见的浅紫色。
适用。贴图保留精灵的精确尺寸和硬朗的边缘。把平滑调低可得到清晰、块状的效果,调高则光照更柔和。
不一样。它是很好的起点,用于道具和图块往往已经足够。对于主角,美术通常会手动修正贴图。
用于 Godot 或 Unity 时不需要。只有当光源在上方、光却像是从下方照来时才翻转,这说明你的引擎以相反的方式读取绿色。
打开 Moriqa 的像素画编辑器绘制精灵并制作动画,在浏览器中免费使用。