Sprite 自由拉伸不变形

最新推荐文章于 2023-11-18 09:48:55 发布
最新推荐文章于 2023-11-18 09:48:55 发布
阅读量1.8k 收藏 6
点赞数 3
分类专栏： U3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dj15870669579/article/details/109454493
版权

UI的Image

在UI上的话就是与Image组件相关
把image的显示方式改为切图模式也就是Sliced
在这里插入图片描述

然后去SpriteEditor种编辑sprite的九宫格，九宫格的四个角在拉伸时是不会改变的
在这里插入图片描述
在这里插入图片描述
直接拉上面的绿色的线就行了

非ui的世界物体SpriteRenderer

如果不是UI，但要显示Sprite的话，就要用SpriteRenderer了
直接将SpriteRenderer的绘制模式改成Sliced
在这里插入图片描述

将Sprite的MeshType属性改成Full Rect
在这里插入图片描述

然后和上面一样去SpriteEditor中编辑就行了
拉伸的话，直接改SpriteRenderer中的宽高就ok
代码中修改的话直接修改spriteRenderer.size属性就行
在这里插入图片描述

FrogJJJJJ
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css-sprite使用详解
09-25
主要介绍了css-sprite的使用详解,css-sprite是一个经常被用来合并前端图片的工具.需要的朋友可以参考下
Unity 图形处理（切分与拉伸）
weixin_30505485的博客
12-01 974
素材的导入设置 1.导入的图片要设置为 Sprite 才能作为UI使用 2.如果需要进行切分，Sprite Mode 选择 Multiple 进行切分和拉伸设置 1.点击进入精灵编辑视图 2.点击按钮 3.选择合适的模式进行切分（一般选择自动切分，然后进行部分修正） 切分后点击元素，可以看到蓝色线框，右侧可以设置具体属性 回到Unity你可以看到，图集已经被切...
three-spritetext:ThreeJS的基于Sprite的文本组件
04-27
三子文字 基于Sprite的文本组件。 文本被绘制到画布上，转换为，然后用作上的材质。 由于正在使用精灵，因此文本将始终面向相机，并且其方向相对于相机固定。 快速开始 import SpriteText from 'three-spritetext'; 或者 var SpriteText = require('three-spritetext'); 甚至 [removed][removed] 然后 var myText = new SpriteText('My text'); var myScene = new THREE.Scene(); myScene.add(myText); API参考 建设者 SpriteText （[ text ， textHeight ， color ]） 特性 财产 描述 默认 文本 要在
动态自定义剪切Sprite
08-30
可支持自定义剪切图片
css sprite简单实例
09-24
下面小编就为大家带来一篇css sprite简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
unity UGUI 九宫格 拉伸
qq_37524903的博客
11-09 2618
1.sprite Mode :选择 Multiple ，点击 Apply，如下图： 2.点击 sprite Editor,调节合适的值即可。 3. 修改Image的 ImageType 选项： Simple
Unity 关于图片的Pixels Per Unit
liloveqq的博客
07-28 813
PPU为100，RPPU也为100，（PPU/RPPU）为1，我们的图片大小会保持原来大小，我们使用Set Native Size，Unity会自动将Image设置为图片的匹配大小，image的大小为640*640；遇到拉伸后，周围的过大，或者过小，我们可以去调整一下图片的PPU，不建议去改Canvas Scaler的RPPU，改完可能会影响Canvas里的所有UI。结论：PPU/RPPU的比值为1，为原图大小，大于1会缩小，小于1会放大。UI大小变大之后，视觉上边框也变的更加粗了，反之，边框变得更细了。
Sprite Renderer
oLingXi12的博客
11-06 1962
深度解析unitySprite Renderer组件，如果你觉得不错，不妨点个赞哦..... The Sprite Renderer is very important component to use when developing 2D projects as it determines how the given Sprite is rendered. It’s an essential...
Unity3d插件NGUI拓展修改——简单实现反向九宫格拉伸UISprite
qq_21125279的博客
05-31 855
最近这段时间在公司负责开发新手指引功能，要实现一个铺满屏幕的黑底中只露出一个可操作的圆形的显示效果，考虑到这个圆形可能出现在屏幕的任何位置，如果想确保铺满屏幕的话需要使用的图片将会很大，为了实现这么一个显示效果使用这么大的图集资源显然是不可取的。所以我们开始使用的是一张有圆形空洞的矩形图片加上四张拉伸放大的黑色图片拼接出这个效果，但是当打包到手机平台时图片间的边缘会出现很明显的缝隙，显然不是我们想...
【Unity小技巧】图片使用的一些常见问题
最新发布
向宇
11-18 706
图片无疑在游戏中是非常常用的，但是不注意也会遇到很多问题，这篇文章就是记录我踩的很多图片坑，总结出来，希望对大家有帮助。 Button不规则按钮点击空白区域不响应点击事件（方法一 Preserve Aspect 方法二 Aspect Ratio Fitter） Unity Image 原图比例控制 使图片拉伸不变形
php创建sprite
10-26
本文介绍了使用PHP根据文件夹内的图片生成sprite合成图示例,需要的朋友可以参考下
SpriteKit 自定义图片按钮
03-04
Example: ButtonSpriteNode *_fight = [[ButtonSpriteNode alloc] initWithImageName:@"fire_btn1.png" selected:@"fire_btn2.png" disable:@"fire_btn3.png"]; _fight.position = CGPointMake(self.frame....
Unity2D UI拼接——Sprite图片部分縮放
weixin_43842987的博客
04-25 759
在缩放图片时，只需要放大中间局部的部分，而不需要缩放侧边时，通过Sprite操作完成 1.找到需要缩放的图片，进入Inspector界面 2.点击Sprite Editor 3.选中需要缩放的部分，点击Apply应用 4.把在调用该图片的Image组件中的Image Type选择到Sliced即可 ...
Unity核心4——SpriteShape
weixin_53163894的博客
06-19 1920
（一）Open Shape：开放形状​ 在 Project 窗口中，右键创建 Sprite Shape Profile​ 参数界面如下Use Sprite Borders：是否使用精灵边框，用于九宫格拉伸，默认勾选即可Texture：用于填充实心部分的纹理使用的纹理的平铺模式必须是 Repeat 模式Offset：纹理偏移量Angle Ranges：角度范围Start：起始角度End：结束角度Order：Sprite 相交时的优先级，优先级高的显示在前面。
2022-05-02 Unity核心4——SpriteShape
zheliku的博客
05-02 2188
文章目录一、Sprite Shape Profile 精灵形状概述文件配置二、Sprite Shape Renderer 精灵形状渲染器三、Sprite Shape Controller 精灵形状控制器 ​ Sprite Shape 是精灵形状的意思，它主要是方便我们以节约美术资源为前提，制作 2D 游戏场景地形或者背景的 ​ 在 Window --> Package Manager 中搜索 2D，选择 2D Sprite Shape，导入项目 一、Sprite Shape Profile 精灵形状
Unity3D 使图片拉伸不变形
qq_18809975的博客
05-22 8178
【解决前效果】 【解决后效果】 解决方法： 第一步：打开Sprite Editor 第二步：按住图片边缘上的绿色小点，往中间拖 拖成如下效果，其中中间绿色框围成的区域就是变形的区域。 点击Apply保存。 第三步：在image中，将Image Type中的Simple改为Sliced，在场景（Scene）窗口中拖动调节大小，或者 ...
Unity2D研究院之精灵Sprite与屏幕之间的关系（二）
Unity 学习之路
12-08 549
继续学习一下unity2d，上一篇说了怎么自动生成Unity的Sprite动画。有朋友在下面给我留言说，怎么设置锚点？其实很简单。如下图所示，选择精灵然后在右边设置 pivot 就可以了。这里我设置的是左下角对齐。   Unity2D研究院之自动生成动画、AnimationController、Prefab（一） 锚点这东西挺怀念的，N年前我在做J2ME手游的时候。屏幕整
使用UnityHub打不开Unity
dj15870669579的博客
03-04 5489
使用UnityHub打开Unity没反应，不弹出任何提示 这个时候直接去打开对应版本的unity，别从hub打开，然后会提示你缺少什么文件，你把缺少的这些东西安装了就行
overrideSprite
07-16
`overrideSprite` 是 Unity 引擎中的一个属性，用于在 UI 元素中更改默认的 sprite 图像。通过设置 `overrideSprite` 属性，可以动态地更改 UI 元素的图像，例如按钮的正常状态、按下状态、禁用状态等。 要使用 `overrideSprite`，首先需要获取到对应的 UI 元素的引用，然后可以通过以下代码来修改其 sprite 图像： ```csharp // 获取 UI 元素的引用 Image image = GetComponent<Image>(); // 修改 sprite 图像 image.overrideSprite = newSprite; ``` 其中，`newSprite` 是一个 Sprite 类型的变量，表示要设置的新图像。通过将新的 Sprite 赋值给 `overrideSprite`，就可以更新 UI 元素的显示图像了。 请注意，使用 `overrideSprite` 时需要确保目标 UI 元素是 Image 类型，并且已经设置了默认的 sprite 图像。否则，`overrideSprite` 属性可能不会生效。 希望这个解答能够帮到你！如果还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值