Sprite Editor

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

#unity

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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元/天 解锁文章

200万优质内容无限畅学
Unity中SpriteEditor Single单张图片编辑和Multiple图集编辑
xiaosage123456789的博客
10-30 1326
注意：如果在切回Single 时，要删除之前在 Custom Outline 和Custom Physics Shape 设置的渲染区域和物理形状，否则会保留之前的数据。2、Offset 当图集的分割在图片边缘时，X:为起始分割点距离图片最左边的一个偏移量，Y为起始分割点距离图片最顶端的一个偏移量。3 Padding X为各精灵图片之间的水平间隔，Y 为各精灵图片之间的垂直间隔。1、PixelSize X,Y 为分割的矩形的边框的长和宽的大小。决定了图片的碰撞区域，跟Custom Outline类似。
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
向宇
03-30 1600
【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器
GameMaker: Studio 学习笔记（一）Sprite Editor
bangce8949的博客
02-01 526
第一个接触的游戏引擎，能找到的中文资料不多，整一下一些遇到的问题和解决方法吧 安装&基础操作 直接贴链接吧，也没什么好废话的 https://indienova.com/indie-game-development/gms-tutorial-1-introduction-and-installation/ 有8...
Unity SpriteEditor(精灵图片编辑器)
个人学习笔记
05-01 949
用于编辑2D游戏开发中使用的Sprite精灵图片，编辑 图集中提取元素，设置精灵边框，设置九宫格，设置轴心（中心）点等等功能
Sprite Editor图片编辑器的使用_unity基础开发教程
为者常成，行者常至！
12-06 5480
SpriteEditor是Unity引擎中的一个工具，用于创建和编辑2D图片。它提供了一系列功能，可以对图片进行剪裁、切割、翻转、旋转、调整大小等操作，以及设置图片的碰撞检测形状和渲染模式。SpriteEditor可以帮助开发者将多张图片合并成动画精灵，并为每一帧设置播放时间和循环方式。如果项目不是2D的，是3D项目，则可能要在Package Manager安装2D Sprite插件才能使用Sprite Editor。
Sprite Editor 图集切片精灵
weixin_34075268的博客
10-12 355
切图需求 假设有一张大的UI的图集，我们想把它里面的小图一张一张地切割出来，如果有plist文件，请查阅我的另一篇文章《还原TexturePacker plist 文件 切开各小图片》 今天我们使用 Unity4.3或更高版本自带的 Sprite Editor 来导出切片精灵 切图效果 步骤 1、准备一张大的图集，导入Unity的Asset/Resources/XXX/文件夹下(...
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【精灵编辑器】
热门推荐
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（冒险游戏创作系统）一起使用，但对动画感兴趣的任何人都可能会感兴趣。
Shadero Sprite - 2D Shader Editor 1.9.3
10-14
Shadero Sprite is a real time node-based shader tool for Unity 5, 2017 and 2018 NEW! Forum : https://forum.vetasoft.store/ Discuss with us about Shadero Sprite and more ! Description Shadero Sprite is a real time node-based shader editor. Shadero was made to be a real production time saver. Beautiful and fast, it creates many astonishing effects with the several premade and fully optimized node effects. Shadero will increase the number of the premade effects in every update. No code required. Features - Ultimate tools for 2D Shader Editor - Node based editor - Real time preview - Source code included - Load/Save project - Optimised shader - Fog Support - HDR Support - Visual selection node preview - Light Support - Blend Mode support - Normalmap with light Support - Preview directly the scene - Works with Unity UI - Many premade effects (+100) - Help Tutorial in editor - Project examples - Unity 5 and 2017 and 2018 compatible - Support Anima 2D - Support Render Texture - Support Mesh Renderer - Generate a Sprite - Create Morphing - And much much more ! http://www.shadero.com New version 1.7.0 see version history Version 1.1 - Add Node: UV > FX (UV) > Sprite Sheet Animation - Add Node: UV > FX (UV) > Pixel - Add Node: UV > FX (UV) > Fish Eye - Add Node: UV > FX (UV) > Pinch - Add Node: UV > FX (UV) > Kaleiodoscope - Add Node: Generate > Shape > XRay - Add Node: Generate > Shape > Donuts - Add Node: Generate > Shape > Lines - Add Node: Generate > Shape > Noise - Add Node: RGBA > Color > Turn Metal - Add Node: RGBA > Color > Turn Gold - Add Node: RGBA > Color > Turn Transparent - Add Node: RGBA > Color > HDR Control Value - Add Node: RGBA > Color > HDR Create - Add Force Change Parameters to the Build Shader Node (Experimental) - Add Lightning Support - Fix Node: UV > FX (UV) > Pixel XY precision - Fix new Shader Project that keep the preview material issue - Fix Auto variable order issue when you add the same node Any Feedback, error reports, questions or suggestions, please contact us at support@vetasoft.com If you like Shadero Sprite you can rate it on the asset store, it would be very helpful. Any idea or suggestions to improve Shadero Sprite? Feel free to contact us at : support@vetasoft.com
Unity学习--2D相关---Sprite Editor
最新发布
misco43的博客
06-30 543
本文总结了Unity中SpriteEditor的主要功能和使用方法。SpriteEditor主要用于编辑精灵图片的轴心点、九宫格、渲染范围和碰撞网格等属性，同时可用于切割多合一图片为图集。文章详细介绍了三种编辑模式：Single模式（可设置边缘线和物理形状）、Multiple模式（自动或网格切割图片）和Polygon模式（较少使用）。其中Multiple模式的Automatic自动分割最为实用，Polygon模式在特殊情况下可用于设置渲染范围。使用前需注意：3D项目需安装2DSprite包
Sprite Editor—Multiple图片编辑
holens01的博客
05-22 201
Unity SpriteEditor 单图/多图 处理功能介绍
咩咩的博客
10-24 1518
如题
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内部结构可能存在的变化而失效的风险。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值