首页 > Unity3D频道 > 【UGUI研究院】 > UGUI研究院之UI粒子特效自适应缩放（二十二）
2016
12-14

UGUI研究院之UI粒子特效自适应缩放（二十二）

我们UI自适应采用的是Canvas Scaler 设置 Expand模式。 那么UI可以很好的自适应屏幕，可是粒子特效就会出问题所以写下了这个脚本来自适应UI的粒子特效。

比如技能图标的特效光圈。

UGUI研究院之UI粒子特效自适应缩放（二十二） - 雨松MOMO程序研究院 - 1

当屏幕缩放后，UI变小了，可是特效出问题了。

UGUI研究院之UI粒子特效自适应缩放（二十二） - 雨松MOMO程序研究院 - 2

 

测试环境unity5.3.5

代码如下所示：

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
using UnityEngine;
using System.Collections;
using System.Collections.Generic;
 
public class UIParticleScale : MonoBehaviour {
    private List<ScaleData> scaleDatas = null;
    void Awake()
    {
        scaleDatas = new List<ScaleData>();
        foreach( ParticleSystem p in transform.GetComponentsInChildren<ParticleSystem>(true)){
            scaleDatas.Add(new ScaleData(){transform = p.transform,beginScale = p.transform.localScale});
        }
    }
 
void Start ()
    {
        float designWidth = 1136;//开发时分辨率宽
        float designHeight = 640;//开发时分辨率高
        float designScale  =   designWidth/designHeight;
        float scaleRate  =   (float)Screen.width/(float)Screen.height;
 
        foreach(ScaleData scale in scaleDatas)
        {
            if(scale.transform != null){
                if(scaleRate<designScale)
                {
                    float scaleFactor = scaleRate / designScale;
                    scale.transform.localScale = scale.beginScale * scaleFactor;
                }else{
                    scale.transform.localScale  = scale.beginScale;
                }
            }
        }
}
#if UNITY_EDITOR
void Update () {
        Start(); //Editor下修改屏幕的大小实时预览缩放效果
}
#endif
    class ScaleData
    {
        public Transform transform;
        public Vector3 beginScale = Vector3.one;
    }
}
 

欢迎大家测试～

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《UGUI研究院之UI粒子特效自适应缩放（二十二）》有 21 条评论

  2. 冬晓 说：
    2017 年 1 月 3 日下午 4:25

    MeshRenderer和ParticleSystem结合做的特效，用这种方式缩放的效果不太好，请问MOMO大师有什么解决方法么？

    回复
  3. 冬晓 说：
    2017 年 1 月 3 日下午 3:32

    MOMO大师，能不能把你实验的工程传上来，我自己测试的有问题（缩放的大小不对）。

    回复
  4. 姜华 说：
    2016 年 12 月 29 日下午 6:03

    Particle System 中，有一个选项叫做 Scaling Mode ， 在里面选 Local 然后把Particle作为 Button的子节点，当屏幕自适应的时候，可以正常缩放。如果把Scaling Mode 选为 Hierarchy, 则粒子Size完全依赖 Transform.scale， 将粒子拖拽成为Button的子节点后，调整粒子size到合适，当屏幕自适应的时候，粒子则跟随Button的大小变化，亲测可用，不知是否有疏忽之处，忘指教。 UGUI研究院之UI粒子特效自适应缩放（二十二） - 雨松MOMO程序研究院 - 1

    回复
  5. 綠茶 说：
    2016 年 12 月 21 日上午 10:24

    如果粒子光效有初始速度或初始力的话，就会有问题

    回复
  6. 哇哇 说：
    2016 年 12 月 15 日下午 11:05

    这种好像只能适应Mesh类的粒子特效

    回复

留下一个回复

你的email不会被公开。