9.SpriteEditor精灵编辑器Single单图

9.2D相关-Sprite-SpriteEditor精灵编辑器-Single图片编辑


9.1 知识点

SpriteEditor是什么

SpriteEditor就是精灵图片编辑器。它主要用于编辑2D游戏开发中使用的Sprite精灵图片。它可以用于编辑图集中提取元素,设置精灵边框,设置九宫格,设置轴心(中心)点等等功能。打开SpriteEditor需要把一张图片的纹理类型切换成Sprite模式。

安装2DSprite

新版本Unity需要安装2D Sprite包才能使用SpriteEditor。假如创建的是2D工程可能会自动下载安装2DSprite,假如创建的是3D工程可能需要手动下载安装2DSprite。可以点击SpriteEditor按钮跳转下载或者直接打开PackageManager搜索2DSprite并导入。

Single图片编辑 功能讲解

点击Sprite图片下的SpriteEditor按钮打开Sprite编辑器窗口,点击在左上角可以选择怎么编辑Sprite。

Single图片编辑主要讲解的就是在设置图片时,将精灵图片模式(Sprite Mode)设置为Single单个的模式下的精灵图片在Sprite Editor窗口中如何编辑。

Sprite Editor 基础图片设置

主要用于设置单张图片的基础属性。

Name:名字
Position:在图片中的偏移位置和宽高
Border:边框,用于设置九宫格的4条边
Pivot:轴心(中心)点位置
Pivot Unit Mode:轴心点单位模式

Normalized:标准化模式,取值范围是0~1
Pixels:像素模式,当前轴心处于图片的哪个像素
Custom Pivot:自定义轴心点

Custom Outline 自定义边缘线(决定渲染区域)

自定义边缘线设置,可以自定义精灵网格的轮廓形状。默认情况下不修改都是在矩形网格上渲染,边缘外部透明区域会被渲染,浪费性能。使用自定义轮廓,可以调小透明区域,提高性能。

Snap 捕捉:将控制点贴近在最近的像素,默认选择就行
Outline Tolerance:轮廓点的复杂性和准确性,0~1,值越大轮廓点越多,越准确
Generate:生成网格轮廓
注意:可以手动的编辑点,注意改变后要应用

Custom Physics Shape 自定义物理形状(决定碰撞判断区域)

自定义精灵图片的物理形状,主要用于设置需要物理碰撞判断的2D图形。它决定了之后产生碰撞检测的区域。参数和操作和自定义边缘线中基本一致,不赘述。

Skinning Editor 皮肤编辑器

暂时跳过,以后再讲。

Secondary Textures 辅助纹理(为图片添加特殊效果)

次要纹理设置,可以将其它纹理和该精灵图片关联。点击加号添加要关联的图片作为辅助纹理,设置名字。着色器可以得到这些辅助纹理然后用于做一些效果处理,让精灵应用其它效果。


9.2 知识点代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Lesson09_2D相关_Sprite_SpriteEditor精灵编辑器_Single图片编辑 : MonoBehaviour
{
    void Start()
    {
        #region 知识点一 SpriteEditor是什么?
        //顾名思义,SpriteEditor就是 精灵图片编辑器
        //它主要用于编辑2D游戏开发中使用的Sprite精灵图片
        //它可以用于编辑 图集中提取元素,设置精灵边框,设置九宫格,设置轴心(中心)点等等功能
        //打开SpriteEditor需要把一张图片的纹理类型切换成Sprite模式 下面有个SpriteEditor按钮
        #endregion

        #region 知识点二 安装2DSprite
        //新版本Unity 需要安装 2D Sprite包才能使用SpriteEditor
        //假如创建的是2D工程可能会自动下载安装2DSprite,假如创建的是3D工程可能需要手动下载安装2DSprite
        //可以点击SpriteEditor按钮跳转下载或者直接打开PackageManager搜索2DSprite安卓并导入
        #endregion

        #region 知识点三 Single图片编辑 功能讲解
        //Single图片编辑主要讲解的就是在设置图片时
        //将精灵图片模式(Sprite Mode)设置为Single的精灵图片在Sprite Editor窗口中如何编辑

        //1.Sprite Editor
        //  基础图片设置(右下角窗口)
        //  主要用于设置单张图片的基础属性

        //2.Custom Outline(决定渲染区域)
        //  自定义边缘线设置,可以自定义精灵网格的轮廓形状
        //  默认情况下不修改都是在矩形网格上渲染,边缘外部透明区域会被渲染,浪费性能
        //  使用自定义轮廓,可以调小透明区域,提高性能

        //3.Custom Physics Shape(决定碰撞判断区域)
        //  自定义精灵图片的物理形状,主要用于设置需要物理碰撞判断的2D图形
        //  它决定了之后产生碰撞检测的区域

        //4.Secondary Textures(为图片添加特殊效果)
        //  次要纹理设置,可以将其它纹理和该精灵图片关联
        //  着色器可以得到这些辅助纹理然后用于做一些效果处理
        //  让精灵应用其它效果
        #endregion
    }
}


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 785293209@qq.com

×

喜欢就点赞,疼爱就打赏