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

网站打开速度慢的原因百度关键词搜索

网站打开速度慢的原因,百度关键词搜索,无锡做网站seo的,哪家做网站的公司好考虑到每个人基础可能不一样,且并不是所有人都有同时做2D、3D开发的需求,所以我把 【零基础入门unity游戏开发】 分为成了C#篇、unity通用篇、unity3D篇、unity2D篇。 【C#篇】:主要讲解C#的基础语法,包括变量、数据类型、运算符、…

考虑到每个人基础可能不一样,且并不是所有人都有同时做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篇大概率就不需要看了,节约学习时间成本。

文章目录

  • 一、SpriteMask精灵遮罩是什么
  • 二、创建SpriteMask精灵遮罩
  • SpriteMask组件参数介绍
    • 1、Sprite 精灵
    • 2、Sprite排序点
    • 3、Alpha Cutoff Alpha修剪
    • 5、Custom Range 自定义范围
  • 三、实战
    • 1、制作圆形头像
    • 2、实现类似相框的效果
    • 3、实现图片背景消融渐变效果
  • 专栏推荐
  • 完结

一、SpriteMask精灵遮罩是什么

SpriteMask是精灵遮罩的意思。它的主要作用就是对精灵图片产生遮罩,制作一些特殊的功能,比如只显示图片的一部分让玩家看到。常常用于制作玩家圆形头像、场景过渡、镂空图。
在这里插入图片描述
一般要和配合使用SpriteRenderer精灵渲染器组件的Mask Interaction 遮罩交互参数配合使用

实战参考:【unity实战】2d血液飞溅喷射到墙上和TileMap上,留下血迹的效果

二、创建SpriteMask精灵遮罩

创建精灵遮罩后在精灵遮罩组件选一个图片。再创建一个2D精灵选择一张图片。把2D精灵调成可以和遮罩交互的模式。可以看到遮罩效果。
在这里插入图片描述

SpriteMask组件参数介绍

在这里插入图片描述

1、Sprite 精灵

遮罩图片。决定了遮罩的轮廓。

2、Sprite排序点

在这里插入图片描述
计算摄像机和精灵之间距离时,使用精灵中心Center还是轴心点Pivot,一般情况下不用修改。

3、Alpha Cutoff Alpha修剪

透明度的分界线。比如设为0.5时:50%透明度以上的区域显示。

下面实战举例会详细介绍如何使用。

5、Custom Range 自定义范围

自定义遮罩范围。可以实现只遮罩影响部分图层。
在这里插入图片描述
只有>=back(背部),且<front(前面)的排序层都会被渲染。比如Back=0, Front=5 时:只影响排序层0-4的对象。

三、实战

1、制作圆形头像

  • 使用SpriteRenderer组件,在场景放置一个2d对象
    在这里插入图片描述
  • 设置SpriteRenderer组件遮罩交互为遮罩中可见
    在这里插入图片描述
  • 新增一个遮罩
    在这里插入图片描述
  • 将遮罩移动到人物头的位置
    在这里插入图片描述
  • 可以选择不同的遮罩图形
    在这里插入图片描述
    在这里插入图片描述
  • 修改SpriteRenderer组件遮罩交互为遮罩外可见
    在这里插入图片描述
    在这里插入图片描述

2、实现类似相框的效果

配合Sorting Group 组件使精灵遮罩只对自己的子节点起作用

  • 跟前面类似,不过把2d对象变为遮罩的子物体,实现类型相框的作用
    在这里插入图片描述
  • 但是当然没有这么简单,我们复制多个对象看看效果。发现遮罩间会互相产生效果
    在这里插入图片描述
  • 解决方案,为每个对象的父物体,也就是遮罩添加Sorting Group 组件,可以使精灵遮罩只对自己的子节点起作用。Order in Layer可以设置渲染层级(前后遮盖效果)
    在这里插入图片描述
  • 效果
    在这里插入图片描述

3、实现图片背景消融渐变效果

Alpha Cutoff透明度裁剪的使用

  • 随便再网上下载一张封面图
    在这里插入图片描述
  • 导入封面图片到unity,配置基本不需要修改,为了规范可以修改模式为单一图。
    在这里插入图片描述
  • 拖入图片进场景,设置SpriteRenderer组件遮罩交互为遮罩中可见
    在这里插入图片描述
  • 随便在网上下载一张带颜色渐变的图片作为遮图
    在这里插入图片描述
  • 导入图片进unity,设置图片Alpha源为从灰度,将他变成一张【带有透明度的图片】
    在这里插入图片描述
  • 添加遮罩,记得遮罩要覆盖前面的封面图

在这里插入图片描述

  • 修改Alpha Cutoff 值效果

在这里插入图片描述

这就实现了一个简易的消融效果,之前我其实也用Shader Graph制作过一个消融效果:【实现100个unity特效之9】Unity 2D Shader Graph溶解效果教程,对比使用遮罩当然要简单很多,当然效果自然也没那么好。


专栏推荐

地址
【零基础入门unity游戏开发——C#篇】
【零基础入门unity游戏开发——unity通用篇】
【零基础入门unity游戏开发——unity3D篇】
【零基础入门unity游戏开发——unity2D篇】
【制作100个Unity游戏】
【推荐100个unity插件】
【实现100个unity特效】
【unity框架/工具集开发】

完结

好了,我是向宇,博客地址:https://xiangyu.blog.csdn.net,如果学习过程中遇到任何问题,也欢迎你评论私信找我。

赠人玫瑰,手有余香!如果文章内容对你有所帮助,请不要吝啬你的点赞评论和关注,你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法,也欢迎评论私信告诉我哦!
在这里插入图片描述

http://www.dtcms.com/wzjs/442431.html

相关文章:

  • 无锡装修公司哪家口碑最好seo推广平台服务
  • 网站备案信息加到哪里网络安全培训
  • 查找全国免费网站建设网站seo站外优化
  • 杭州 高端网站定制seo简单优化操作步骤
  • 嘉兴网站制作策划seo 网站优化推广排名教程
  • 做网站要需要多少钱百度登录入口官网
  • 微山县建设.局网站吸引人的推广标题
  • 云南旅行社网站开发百度搜索百度
  • 深圳市公司网站建设b2b网站大全
  • php怎么解析wordpressseo神器
  • 建设网站一定要电脑吗android优化大师
  • 做外贸网站需要什么优化排名
  • jsp做网站能实现什么功能seo关键词推广案例
  • nat123做网站百度seo培训课程
  • win7和WordPress的关系廊坊优化技巧
  • 网站怎么做访问日志企业查询天眼查
  • 标签系统做的好的网站百度下载安装app
  • 阿里云做网站怎么样百度问答下载安装
  • 做网站怎么赚零花钱杭州百度整站优化服务
  • 国外产品设计网站seo公司排行
  • 做外贸的阿里巴巴网站是哪个更好百度竞价怎么做
  • 华为官方网站手机商城首页搜索引擎优化简称
  • 南通建设局网站查询长沙seo排名外包
  • 如何用模板做网站视频谷歌搜索引擎优化
  • 世界上有php应用的网站网站建站设计
  • 地方门户网站加盟如何刷关键词指数
  • 店面设计装修网安卓优化大师旧版
  • 嘉兴建站模板源码河北关键词排名推广
  • 学校网站平台建设关键词优化顾问
  • 网站建设体会青岛seo博客