中城投建设集团网站,网站的整体规划怎么写,沈阳网站关键词优化做的好吗,个人如何制作微信小程序Sprite Editor图片编辑器的使用 什么是Sprite Editor安装插件#xff08;3D项目#xff09;切片方式Automatic#xff1a;自动切片Grid By Cell Size#xff1a;按照像素大小进行切片Grid By Cell Count#xff1a;按照个数进行切片Isometric Grid#xff1a;等距网格切片… Sprite Editor图片编辑器的使用 什么是Sprite Editor安装插件3D项目切片方式Automatic自动切片Grid By Cell Size按照像素大小进行切片Grid By Cell Count按照个数进行切片Isometric Grid等距网格切片 切片属性 什么是Sprite Editor
SpriteEditor是Unity引擎中的一个工具用于创建和编辑2D图片。它提供了一系列功能可以对图片进行剪裁、切割、翻转、旋转、调整大小等操作以及设置图片的碰撞检测形状和渲染模式。
SpriteEditor可以帮助开发者将多张图片合并成动画精灵并为每一帧设置播放时间和循环方式。
如果项目不是2D的是3D项目则可能要在Package Manager安装2D Sprite插件才能使用Sprite Editor。在Sprite Editor中进行了任何的操作都必须点击右上角得Apply按钮才会生效一定要记得否则就白改了。Revert按钮则用于还原。
安装插件3D项目
如果你的项目是3D项目需要装一下插件2D项目在创建的时候会自动安装2D项目可以跳过这部分。这里用之前的场景进行演示
3D项目在选中图片进行切割编辑的时候会弹出一个提示窗口提示你需要进行安装插件下面教大家进行插件的安装。
选择Window点击Package Manager 窗口左上角的Packages属性选择Unity Registryunity注册表 找到2D Sprite插件点击选中一下 点击右下角进行Install安装一下 安装完成之后再选中图片点击Sprite Editor就会出现图片编辑窗口了。
切片方式
这里只演示Sprite Editor部分其他的三个放在后面的文章讲解。 首先说一下图片切割方式。如果图片是多图图片的Sprite Mode要选择Multiple多图。改完别忘了Appply一下 这里图片切割方式有四种
Automatic自动切片Grid By Cell Size按照像素大小进行切片Grid By Cell Count按照个数进行切片Isometric Grid等距网格切片 Automatic自动切片
Pivot表示图片的轴心位置可选值有Center、Top Left、…图片上那些不一一列举了比较特殊的是Custom自定义的选中Custom之后可以在Custom Pivot设置具体位置进行微调。
Method表示切片的处理方式可选值有Delete Existing、Smart、Safe。
Delete Existing删除现有选择该方式时会删除现有的切片并根据设置的切片参数创建新的切片。这意味着在Sprite Editor中创建新的切片时会覆盖原有的切片。Smart智能选择该方式时Unity会根据已有的切片和设置的切片参数创建新的切片同时保留原有的切片。这种方式下如果新创建的切片与原有的切片有重叠Unity会智能地处理重叠部分以避免覆盖原有的切片。Safe安全选择该方式时Unity会检查新创建的切片是否与原有的切片有重叠如果有重叠会提示开发者进行处理。这种方式下不会覆盖原有的切片但需要进行额外的检查和处理。
这些切片方式可以根据实际需求进行选择。如果需要覆盖原有的切片并创建新的切片可以选择Delete Existing方式如果希望保留原有的切片并智能地处理重叠部分可以选择Smart方式如果需要避免覆盖原有的切片并进行额外的检查和处理可以选择Safe方式。 Grid By Cell Size按照像素大小进行切片
顾名思义就是按照图片的像素值进行切割。下面具体讲一下各个属性的用法。
Pixel Size像素大小该属性用于指定每个单元格的像素大小。开发者可以输入一个正整数表示每个单元格的宽度和高度以像素为单位。例如如果将Pixel Size设置为32则每个单元格的宽度和高度都为32像素。Offset偏移量该属性用于设置每个单元格的偏移量。偏移量可以理解为每个单元格距离图片左上角的相对位置。开发者可以输入X和Y方向的偏移量以确定每个单元格的位置。Padding间距该属性用于设置单元格之间的间距。间距可以理解为每个单元格之间的空白区域。开发者可以输入X和Y方向的间距以确定单元格之间的间距大小。Keep Empty Rects保留空矩形区域该属性用于确定是否保留空的矩形区域。如果勾选该选项则会在图片中保留空的矩形区域即不进行切片操作。这可以用于创建背景或空白区域。如果不勾选该选项则会对图片进行切片操作不考虑空矩形区域。
Pivot、Custom Pivot、Method属性前面说过这里不再进行说明这些属性可以根据实际需求进行设置以创建符合项目要求的切片效果。通过调整这些属性可以控制切片的细节和效果。 Grid By Cell Count按照个数进行切片
根据我们输入的Column行和Row列的数量进行切片。 Isometric Grid等距网格切片
切片方式以交替排列的半高菱形行中排列切片后的图片将具有与半高菱形相对应的自定义轮廓和物理形状。
这是一种特殊的切片方式它允许我们将图片按照等距网格进行切割。这种切片方式常用于制作像3D的2D游戏下面的图片这种的地图和场景可以方便地创建等距视角下的游戏元素。 等距网格切片的特点是将图片按照等距的网格进行划分每个单元格的大小相同且每个单元格的宽高比相同。这样可以保证在等距视角下每个元素的大小和位置都是一致的从而呈现出更加规整和美观的效果。
这里有一个新的属性Is Alternate用于指定是否按照交替顺序进行切片。如果勾选该选项则会在每次迭代时沿相反的方向进行切片这样可以创建出更加多样化的切片效果。 补充说明一下什么是等距视角。 等距视角Isometric Perspective 是一种特殊的视角它允许观察者从正面和顶面对一个对象进行观察。在等距视角下对象的长宽比与实际比例相同但观察者看到的图像是经过透视变形的。这种视角常用于2D游戏的场景和地图制作因为它可以呈现出立体感同时又保留了2D游戏的优点。 所以在等距网格切片中等距视角意味着切片的网格是按照等距的透视关系进行排列的。每个单元格的大小和宽高比都相同这样可以保证在等距视角下观察时每个元素的大小和位置都是一致的呈现出规整和美观的效果。
虽然有点晦涩难懂简单来说就是用于切割特殊图片比如上面说的像3D的2D图片这种切片方式下的Is Alternate属性用于指定是否按照交替顺序进行等距网格切片而等距视角则是这种切片方式所基于的视角概念。在2D游戏的制作中使用等距网格切片和等距视角可以方便地创建出具有立体感和美观效果的场景和元素。 切片属性
这里就比较简单了可以设置的属性值如下切割后的一小块一小块的图片一般称之为“瓦片”
Name名称用于给瓦片设置一个唯一的名称当然编辑器也可以自动生成名称。有需要的话也可以给每个瓦片设置不同的名称便于在后续开发中快速识别和选择它们。Position位置用于设置瓦片在游戏场景中的位置。可以通过输入X和Y坐标来确定瓦片的具体位置。Border边框给瓦片设置边框就是图片大小和实际刚体的距离。Pivot中心点设置瓦片的旋转中心点。除固定点之外也可以自定义Custom。Pivot Unit Mode中心点单位模式确定设置瓦片旋转中心点的单位模式。可选值有Normalized、Pixels。在Normalized模式下中心点的位置是相对于瓦片的左下角进行计算的Custom Pivot这个属性的可选值是0到1。在Pixels模式下中心点的位置是相对于整个瓦片的像素值进行计算的两个值的起始点都是瓦片左下角。Custom Pivot自定义中心点此属性允许你为瓦片设置自定义的旋转中心点。你可以通过输入X和Y坐标来指定自定义的中心点位置。此属性可以覆盖Pivot属性设置的中心点位置提供更多的灵活性和控制。
这些属性可以帮助我们精确地控制瓦片的各种属性以满足我们的项目需求。通过调整这些属性可以创建出各种不同形状、大小和样式的瓦片并在游戏场景中进行拼接和布局。 最后别忘了Apply
