随笔
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
  • 基础

  • 资源导入

  • 2D

    • 2D游戏
    • Sprite Creator
    • Sprite Editor
    • Sprite Packer
    • Sorting Group
    • Sprite Slice
    • Sprite Mask
      • 创建精灵遮罩
      • 遮罩使用
    • Sprite Atlas
  • Physical2D

  • UGUI

  • Animation

  • Animator

  • Unity
  • 2D
dong
2021-01-16

Sprite Mask

# Sprite Mask 精灵遮罩

精灵遮罩仅影响使用精灵渲染(Sprite Renderer) 组件的对象

# 创建精灵遮罩

创建: GameObject > 2D Object > Sprite Mask

属性 功能
Sprite 要作用遮罩的精灵
Alpha Cutoff 如果Alpha包含透明区域和不透明区域之间的混合,则可以手动确定所显示区域的分界点,通过调整Alpha Cutoff滑动条即可更改此分界点
Range Start 遮罩开始屏蔽时所在的排序图层(Sorting Layer)
Sorting Layer 遮罩排序的图层
Order in Layer 排序图层中的顺序
Range End Mask All: 默认情况下,此遮罩将影响其后(更低排序顺序)的所有排序图层。
Custom: Range End可以设置为自定义 Sorting Layer 和 Order in Layer

# 遮罩使用

注意: 精灵遮罩游戏对象本身将在场景中不可见,只有于精灵产生的交互才可见,要查看场景中的精灵遮罩,在Scene场景菜单中选择Sprite Mask选项即可

精灵遮罩始终有效,如果使受精灵遮罩影响的精灵要在 Sprite Renderer中设置 Mask Interaction

如果想使用精灵遮罩应用于多个精灵,可以使用 Sorting Group组件

控制遮罩效果的另一种方法是使用精灵遮罩的自定义范围 (Custom Range) 设置。

Range Start 和 Range End 可以基于精灵的 Sorting Layer 或 Order in Layer 来选择性遮蔽精灵。

#unity
Sprite Slice
Sprite Atlas

← Sprite Slice Sprite Atlas→

Theme by Vdoing | Copyright © 2021-2023 Evan Dong MIT License | 粤ICP备2021052092号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×