当前位置: 首页 > news >正文

【零基础入门unity游戏开发——2D篇】SpriteEditor图片编辑器

考虑到每个人基础可能不一样,且并不是所有人都有同时做2D、3D开发的需求,所以我把 【零基础入门unity游戏开发】 分为成了C#篇、unity通用篇、unity3D篇、unity2D篇

  • 【C#篇】:主要讲解C#的基础语法,包括变量、数据类型、运算符、流程控制、面向对象等,适合没有编程基础的同学入门。
  • 【unity通用篇】:主要讲解unity的基础通用的知识,包括unity界面、unity脚本、unity资源管理、unity动画、unity摄像机等,适合unity初学者入门。
  • 【unity3D篇】:主要讲解unity3D的知识,unity3D角色、unity3D物理系统、unity3D光照等,适合只想做2D游戏的开发者学习。
  • 【unity2D篇】unity2D篇:主要讲解unity2D的知识,包括unity2D角色、unity2D物理系统、unity2D光照等,适合只想做3D游戏的开发者学习。

这样方便大家按需选择性的去学习,比如有编程基础的大概率可以直接从unity通用篇开始入门,没有编程基础的建议从C#篇开始学习。只想做2D游戏的话,可以直接从unity2D篇开始学习,3D篇大概率就不需要看了,节约学习时间成本。

文章目录

  • 一、Sprite Editor介绍
    • 1、SpriteEditor图片编辑器是什么
    • 2、安装2DSprite
  • 二、Single单一图片编辑
    • 1、Sprite Editor 基础图片设置
      • 1.1 Name:名字
      • 1.2 Position
      • 1.3 Border
      • 1.4 Pivot 轴心
      • 1.5 Pivot Unit Mode:轴心点单位模式
      • 1.6 Custom Pivot:自定义轴心点
    • 2、Custom Outline 自定义边缘线(决定渲染区域)
      • 2.1 Custom Outline 编辑器的属性
      • 2.2 生成轮廓
      • 2.3 编辑自定义轮廓
      • 2.4 移动控制点
      • 2.5 添加/移除控制点
      • 2.6 移动边缘
    • 3、Custom Physics Shape 自定义物理形状(决定碰撞判断区域)
    • 4、Secondary Textures 辅助纹理(为图片添加特殊效果)
  • 三、multiple多个图片编辑
    • 1、切片
    • 2、Slice Type 切片类型
      • 2.1 Automatic 自动
      • 2.2 Grid By Cell Size 按照像素大小进行切片
        • (1) Pixel Size 像素大小
        • (2) Offset 偏移
        • (3) Padding 填充
        • (4) Keep Empty Rects 保留空矩形区域
      • 2.3 Grid By Cell Count 按照个数进行切片
      • 2.4 Isometric Grid 等距网格切片
    • 3、Trim 剪裁(自动修剪)
  • 四、Polygon多边形图片编辑
  • 专栏推荐
  • 完结

一、Sprite Editor介绍

1、SpriteEditor图片编辑器是什么

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

2、安装2DSprite

要使用SpriteEditor功能首先得保证安装了2DSprite插件
在这里插入图片描述
假如创建的是2D工程可能会自动下载安装2DSprite,假如创建的是3D工程可能需要手动下载安装2DSprite。可以点击SpriteEditor按钮跳转下载或者直接打开PackageManager搜索2DSprite并导入。

二、Single单一图片编辑

Single图片编辑主要讲解的就是在设置图片时,将精灵图片模式(Sprite Mode)设置为Single单个的模式下的精灵图片在Sprite Editor窗口中如何编辑。
在这里插入图片描述
点击Sprite图片下的SpriteEditor按钮打开Sprite编辑器窗口,点击在左上角可以选择怎么编辑Sprite。
在这里插入图片描述

1、Sprite Editor 基础图片设置

主要用于设置单张图片的基础属性。
在这里插入图片描述

1.1 Name:名字

1.2 Position

在图片中的偏移位置和宽高

1.3 Border

边框,用于设置九宫格的4条边
在这里插入图片描述

1.4 Pivot 轴心

快捷设置轴心(中心)点位置
在这里插入图片描述
在这里插入图片描述

1.5 Pivot Unit Mode:轴心点单位模式

在这里插入图片描述

  • Normalized:标准化模式,取值范围是0~1
    在这里插入图片描述
  • Pixelsÿ
http://www.dtcms.com/a/107627.html

相关文章:

  • Unity 渲染流水线
  • 什么是编译和反编译
  • 【Python】Python 环境 + Pycharm 编译器 官网免费下载安装(图文教程,新手安装,Windows 10 系统)
  • 智能矢量化(地质类栅格图像)
  • python实战案例:销售数据BI动态分析仪表板
  • 今日行情明日机会——20250402
  • 任务堆积导致 OOM(内存溢出)
  • 08-MySQL InnoDB锁的基本类型
  • 【前端】电脑初始安装软件工具
  • 【Linux】内核驱动学习笔记(一)
  • 【论文笔记】DeepSeek-R1 技术报告
  • java虚拟机---JVM
  • python实战案例:财务凭证数据分析和生成报告
  • .net 6 + vue3中使用SignaIR实现双向通信功能
  • 界面架构 - MVVM (Qt)
  • 准确--回顾B站 “713“ 大规模服务不可用事故
  • 合并有序链表
  • 致敬生物信息学先驱:玛格丽特·戴霍夫(Margaret Dayhoff,1925-1983)
  • 多分类交叉熵
  • AIP-211 授权检查
  • transformer结构原理
  • Unity开发——Destory延迟销毁导致异常的处理
  • 关于 数据库 UNION 和 UNION ALL 的使用,以及 分库分表环境下多表数据组合后的排序和分页问题的解决方案 的详细说明,并以表格总结关键内容
  • 【黑科技护航安全】分布式光纤测温:让隐患无处可藏
  • Vite 内联 CSS 和 JS 的解决方案
  • 机器学习的一百个概念(7)独热编码
  • 大文件上传源码,支持单个大文件与多个大文件
  • 【三层架构有哪些?】
  • 函数fcntl(File Control)
  • spring AOP 事务 过滤器(Filter)与拦截器(Interceptor)