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