跳到正文

2D 精灵法线贴图生成

让扁平的精灵在 2D 光照下有立体感。拖入精灵,在预览中移动光源,然后下载 Godot 和 Unity 可以直接读取的法线贴图。任何内容都不会离开你的设备。

在你的设备上生成。你的图片绝不会被上传。

  • 绝不上传
  • 实时光照预览
  • 一次处理多张图片

工作原理

如何用精灵生成法线贴图

  1. 第 1 步: 添加你的精灵

    选择、拖入或粘贴精灵、图块或纹理。整个文件夹也可以。

  2. 第 2 步: 调整浮雕

    选择深度的来源和强度,并在预览上移动指针,看看光照的效果。

  3. 第 3 步: 下载 PNG

    贴图保存为 名称_n.png,也就是引擎与精灵配对时使用的名称,尺寸与精灵相同。

法线贴图生成

会对光照作出反应的 2D 精灵

  • 边调边看光照

    预览会用精灵自己的法线贴图把它照亮,所以你看到的是效果,而不是一张紫色的图。

  • 从形状或亮度取得深度

    让平涂的精灵从轮廓向内变圆,从明暗中读出纹理的起伏,或两者混合。

  • 适合你的引擎

    Godot 和 Unity 用绿色朝上,Unreal 用翻转后的,并保留精灵的透明度。

  • 绝不上传

    一切都在你的浏览器中完成,因此你的图片留在你的设备上。

详细说明

用于 2D 游戏的法线贴图

法线贴图的作用

精灵是平的,所以 2D 游戏中的光会把它均匀照亮,像一张贴纸。法线贴图是另一张同样大小的图片,它的颜色表示每个像素朝向哪里。有了它,引擎就会照亮精灵朝向光源的一侧,并让另一侧变暗。

没有哪幅画带有这些信息,所以只能推测。这个工具为每个像素推测一个高度,再把高度的坡度转换成贴图。

选择深度的来源

  • “形状”让精灵从轮廓向中间变圆。适合平涂的角色和物体,因为它们的亮度几乎不反映深度。
  • “亮度”把亮的像素当作高处,暗的像素当作低处。适合纹理:石头、砖块、树皮、地面图块。
  • “两者”把两种方式混合起来,是大多数精灵的最佳起点。
  • 强度和平滑:提高强度可得到更深的阴影,提高平滑可得到更柔和圆润的光照。“圆润度”决定表面从轮廓向内继续升高多远。

在引擎中使用贴图

在 Godot 中,创建一个 CanvasTexture,把精灵放进 Diffuse,把贴图放进 Normal Map,再给场景添加 PointLight2D 或 DirectionalLight2D。在 Unity 中,在 Sprite Editor 里把贴图添加为名为 _NormalMap 的次级纹理,并用 Universal Render Pipeline 的 2D 光源照亮场景。

两者都把绿色读作朝上,贴图也是这样保存的。对于把绿色读作朝下的引擎(如 Unreal),请打开“翻转绿色通道”。

法线贴图生成

常见问题

我的图片会被上传到哪里吗?

不会。一切都在你的浏览器中、在你自己的设备上运行。你的图片绝不会发送给 Moriqa 或其他任何人,关闭页面后也不会保留任何内容。

如何用精灵生成法线贴图?

添加精灵,选择深度的来源,查看带光照的预览,然后下载 PNG。它与精灵尺寸相同。

法线贴图为什么是紫色和蓝色的?

它的颜色表示方向,而不是颜色:红色代表左右,绿色代表上下,蓝色指向观看者。平坦的表面就是常见的浅紫色。

适用于像素画吗?

适用。贴图保留精灵的精确尺寸和硬朗的边缘。把平滑调低可得到清晰、块状的效果,调高则光照更柔和。

生成的贴图和手绘的一样好吗?

不一样。它是很好的起点,用于道具和图块往往已经足够。对于主角,美术通常会手动修正贴图。

需要翻转绿色通道吗?

用于 Godot 或 Unity 时不需要。只有当光源在上方、光却像是从下方照来时才翻转,这说明你的引擎以相反的方式读取绿色。

还没有精灵?

打开 Moriqa 的像素画编辑器绘制精灵并制作动画,在浏览器中免费使用。