Sprite Editor

原创 已于 2022-11-12 16:38:28 修改 · 2k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity

于 2022-11-12 15:37:42 首次发布
本文介绍了Unity的SpriteEditor，用于2D游戏开发中的精灵图片编辑。主要功能包括单张图片编辑，如自定义轮廓和物理形状设置，图集元素分割，以及较少用到的多边形编辑。通过SpriteEditor，可以高效地调整精灵属性，优化渲染性能，并进行精确的碰撞检测。

1、SpriteEditor

SpriteEditor是精灵图片编辑器
它主要用于编辑2D游戏开发中使用的Sprite精灵图片
它可以用于编辑 图集中提取元素，设置精灵边框，设置九宫格，设置轴心（中心）点等等功能

2、Single图片编辑

  • Sprite Editor

 基础图片设置（右下角窗口），主要用于设置单张图片的基础属性

  • Custom Outline（决定渲染区域）

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

  • Custom Physics Shape（决定碰撞判断区域）

自定义精灵图片的物理形状，主要用于设置需要物理碰撞判断的2D图形，它决定了之后产生碰撞检测的区域

  • Secondary Textures(为图片添加特殊效果)

次要纹理设置，可以将其它纹理和该精灵图片关联，着色器可以得到这些辅助纹理然后用于做一些效果处理，让精灵应用其它效果

补充：Pivot会有场景中的移动、旋转有关，如果选择左上角，那么Transform移动的时候会以图片左上角为基准 

 3、Multiple图集元素分割

当我们的图片资源是图集时，我们需要在设置时将模式设置为Multiple，这时我们可以使用Sprite Editor自带的功能进行图集元素分割

最低0.47元/天 解锁文章
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
向宇
03-30 1897
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
Unity中SpriteEditor Single单张图片编辑和Multiple图集编辑
xiaosage123456789的博客
10-30 1518
注意：如果在切回Single 时，要删除之前在 Custom Outline 和Custom Physics Shape 设置的渲染区域和物理形状，否则会保留之前的数据。2、Offset 当图集的分割在图片边缘时，X:为起始分割点距离图片最左边的一个偏移量，Y为起始分割点距离图片最顶端的一个偏移量。3 Padding X为各精灵图片之间的水平间隔，Y 为各精灵图片之间的垂直间隔。1、PixelSize X,Y 为分割的矩形的边框的长和宽的大小。决定了图片的碰撞区域，跟Custom Outline类似。
Unity学习--2D相关---Sprite Editor
misco43的博客
06-30 823
本文总结了Unity中SpriteEditor的主要功能和使用方法。SpriteEditor主要用于编辑精灵图片的轴心点、九宫格、渲染范围和碰撞网格等属性，同时可用于切割多合一图片为图集。文章详细介绍了三种编辑模式：Single模式（可设置边缘线和物理形状）、Multiple模式（自动或网格切割图片）和Polygon模式（较少使用）。其中Multiple模式的Automatic自动分割最为实用，Polygon模式在特殊情况下可用于设置渲染范围。使用前需注意：3D项目需安装2DSprite包
如何用LibreSprite轻松创作像素动画？免费开源工具的完整入门指南
最新发布
gitblog_00484的博客
10-28 870
LibreSprite是一款免费开源的动画精灵编辑器和像素艺术创作工具，基于GPLv2协议分发。它提供了丰富的绘图功能、图层管理和动画时间线，让用户能够轻松设计游戏角色、UI元素和动态像素艺术。无论是独立游戏开发者还是像素艺术爱好者，都能通过这款工具实现创意灵感。 ## ????️ 认识LibreSprite：功能与界面概览 LibreSprite的核心优势在于其轻量级设计和专业级像素编辑功能。软...
GameMaker: Studio 学习笔记（一）Sprite Editor
bangce8949的博客
02-01 556
第一个接触的游戏引擎，能找到的中文资料不多，整一下一些遇到的问题和解决方法吧 安装&基础操作 直接贴链接吧，也没什么好废话的 https://indienova.com/indie-game-development/gms-tutorial-1-introduction-and-installation/ 有8...
Sprite Editor图片编辑器的使用_unity基础开发教程
为者常成，行者常至！
12-06 6340
SpriteEditor是Unity引擎中的一个工具，用于创建和编辑2D图片。它提供了一系列功能，可以对图片进行剪裁、切割、翻转、旋转、调整大小等操作，以及设置图片的碰撞检测形状和渲染模式。SpriteEditor可以帮助开发者将多张图片合并成动画精灵，并为每一帧设置播放时间和循环方式。如果项目不是2D的，是3D项目，则可能要在Package Manager安装2D Sprite插件才能使用Sprite Editor。
Simple Sprite Editor-开源
06-06
"Simple Sprite Editor-开源"是一个专为游戏开发者和图形设计师设计的工具，旨在帮助他们从现有的工作表或框架中创建和管理精灵工作表。这款编辑器具备一系列实用功能，使得精灵的制作与管理变得更加便捷。 首先，...
精选资源
Mike's Sprite Editor:一个简单但功能丰富的图形编辑器-开源
05-10
《Mike's Sprite Editor：一款怀旧与创新并存的开源图形编辑器》 在IT行业中，工具的选择至关重要，尤其对于图形设计师和游戏开发者而言。Mike's Sprite Editor就是这样一款专为精灵和小型图形工作打造的图形编辑器...
Sprite Editor 图集切片精灵
weixin_34075268的博客
10-12 378
切图需求 假设有一张大的UI的图集，我们想把它里面的小图一张一张地切割出来，如果有plist文件，请查阅我的另一篇文章《还原TexturePacker plist 文件 切开各小图片》 今天我们使用 Unity4.3或更高版本自带的 Sprite Editor 来导出切片精灵 切图效果 步骤 1、准备一张大的图集，导入Unity的Asset/Resources/XXX/文件夹下(...
Sprite Editor【精灵编辑器】
热门推荐
YuJie1996
10-13 1万+
精灵编辑器【Sprite Editor】   有时，精灵纹理只包含一个图形元素，但是将几个相关的图形合并到一个单独的图像中通常会更加方便。列如：图像可以包含单个字符的组成部分，就像汽车的轮子独立于车身一样。Unity通过为这个目的提供一个精灵编辑器，使得从合成图像中提取元素变得很容易。   笔记【Note】： 确保您想要编辑的图形有它的纹理类型设置为Sprite(2D和UI)。有关导入和
SpriteEditor:Sprite Editor是基于HTML的工具，用于编辑和优化动画Sprite工作表图像
05-15
精灵编辑器 Sprite Editor是基于HTML的工具，用于编辑和优化动画Sprite工作表图像。 该工具包括跳过帧，减少每个帧的边距（修剪边缘）等功能。 重新排列所有具有不同网格大小和其他功能的框架。 特征 跳过精灵表中的帧 减少帧之间的间隙/每帧的修整边缘/减少每帧的边距 重新排列不同配置的Sprite Sheet框架。 在单行中重新排列Sprite工作表框架。 以相反的顺序渲染精灵。 版本 1.0.2 安装 克隆回购。 打开Index.html运行该工具 执照 麻省理工学院 接触 自由软件，地狱呀！
Dr Sprite editor
10-23
Dragon server client sprite editor
SpriteSheetEditor
07-11
Sprite Sheet Editor 是一个生成Sprite Sheet(也叫Tile Sheet)的免费工具，采用Adobe AIR技术编写。
aseprite, 动画sprite编辑器&像素艺术工具( Windows，macOS，Linux ).zip
10-10
aseprite, 动画sprite编辑器&像素艺术工具( Windows，macOS，Linux ) Aseprite版权( C ) 2001 -2018大卫 简介Aseprite 是一个创建动画画面的程序。 它的主要特点是：精灵由层 & frames ( 作为分离的概念) 。支持颜色模式： RGBA ，索
SpriteEdit-开源
05-09
SpriteEdit是一个Sprite编辑器和动画制作工具。 它打算与AGAST（冒险游戏创作系统）一起使用，但对动画感兴趣的任何人都可能会感兴趣。
Sprite Editor—Multiple图片编辑
holens01的博客
05-22 220
Unity SpriteEditor(精灵图片编辑器)
个人学习笔记
05-01 1258
用于编辑2D游戏开发中使用的Sprite精灵图片，编辑 图集中提取元素，设置精灵边框，设置九宫格，设置轴心（中心）点等等功能
Unity SpriteEditor 单图/多图 处理功能介绍
咩咩的博客
10-24 1669
如题
sprite editor 边框
02-28
### 如何在 Sprite Editor 中设置或调整边框 在 Unity 的 Sprite Editor 工具中，可以通过多种方式来设置和调整精灵图片的边框。这不仅有助于优化图像资源，还能提高游戏性能。 #### 使用 Sprite Editor 设置边框 当打开 Sprite Editor 后，可以选择要编辑的 sprite 对象，在右侧的 Inspector 面板中找到 Border 属性[^3]。通过手动输入数值或者拖动控制点的方式设定四周边缘的具体宽度： - **Top (顶部)**：定义sprite上方边缘距离。 - **Bottom (底部)**：定义sprite下方边缘距离。 - **Left (左侧)**：定义sprite左方边缘距离。 - **Right (右侧)**：定义sprite右方边缘距离。 这些参数允许开发者精确指定哪些部分应该被当作不可拉伸区域处理，从而保持特定细节不变形。 对于更复杂的边界需求，比如九宫格布局，则可以在同一面板里激活 Advanced Mode 并进一步配置各个方向上的分割线位置[^1]。 ```csharp // C#代码示例展示如何编程访问并修改Sprite对象的Border属性 using UnityEngine; public class Example : MonoBehaviour { void Start() { Sprite mySprite = GetComponent<SpriteRenderer>().sprite; // 创建一个新的RectOffset实例以表示新的边框尺寸 RectOffset newBorder = new RectOffset(5, 5, 5, 5); // 应用新边框至Sprite var borderFieldInfo = typeof(Sprite).GetField("m_Border", System.Reflection.BindingFlags.NonPublic | System.Reflection.BindingFlags.Instance); if(borderFieldInfo != null){ borderFieldInfo.SetValue(mySprite, new Vector4(newBorder.left, newBorder.top, newBorder.right, newBorder.bottom)); } } } ``` 此段脚本展示了怎样利用反射机制改变已存在Sprite实例的内部`m_Border`字段值，以此达到动态更新其显示效果的目的。需要注意的是这种方法依赖于Unity内部结构可能存在的变化而失效的风险。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值