Unity3D利用UGUI模擬《海島奇兵》收獲資源的爆炸效果

《海島奇兵》是由芬蘭Supercell Oy公司開發(fā),Supercell Oy及昆侖游戲發(fā)行的一款戰(zhàn)斗策略類掂之、全球同服的手機(jī)游戲蕊梧。估計(jì)大部分人都玩過,即使沒有玩過也應(yīng)該知道這款游戲吧球拦。本人之前就熱衷于這款游戲,對(duì)于熱愛游戲開發(fā)的我來說,看見這款游戲的效果坎炼,實(shí)在是嘆為觀止愧膀,甚至想把所有的效果都模擬過來放入自己的游戲中。這不点弯,現(xiàn)在就來用Unity模擬它收獲資源產(chǎn)生大量資源圖標(biāo)飛入到背包的效果扇调。

204913367.png

我就取名為WeiButEffectC#腳本矿咕,主要就是這個(gè)類實(shí)現(xiàn)的所有功能抢肛,先上源碼。

using System.Collections.Generic;
using UnityEngine;
/// <summary>
/// 模擬《海島奇兵》收獲資源的爆炸效果
/// weibut.com
/// </summary>
public class WeiButEffect : MonoBehaviour {
    /// <summary>
    /// 移動(dòng)到的目標(biāo)
    /// </summary>
    public Transform target;
    /// <summary>
    /// 運(yùn)動(dòng)時(shí)間
    /// </summary>
    public float factor = 1f;
    /// <summary>
    /// 生成個(gè)數(shù)
    /// </summary>
    public int amount;
    /// <summary>
    /// 需要生成的物體
    /// </summary>
    public Transform prefab;
    /// <summary>
    /// 爆炸范圍
    /// </summary>
    public float explosionRadius = 200;

    public System.Action onFinish;//完成后回調(diào)

    float time0 = 0;
    List<Vector3> ctrlPoints = new List<Vector3>();
    List<Transform> particles = new List<Transform>();

    public void PlayEffect()
    {
        int n = Mathf.Max(1, amount);
        for (int i = 0; i < n; i++)
        {
            if (prefab)
            {
                GenerateParticle(prefab);
            }
        }

        time0 = Time.time;
    }

    void GenerateParticle(Transform prefab)
    {
        var p = Instantiate(prefab, Vector3.zero, Quaternion.identity).gameObject;
        p.transform.SetParent(transform, false);
        particles.Add(p.transform);
        ctrlPoints.Add(Random.insideUnitSphere * explosionRadius);
    }

    // Update is called once per frame
    void Update () {
        if (!this.target)
        {
            OnFinish();
            return;
        }
        float t = (Time.time - time0) / Mathf.Max(0.1f, factor);

        if (t > 1)
        {
            t = 1;

            OnFinish();
        }

        Vector3 target = GetTargetPositionLocal();

        for (int i = 0; i < ctrlPoints.Count; i++)
        {
            Vector3 ctrl = ctrlPoints[i];
            Vector3 begin = Vector3.zero;


            Vector3 pos = Vector3.Lerp(Vector3.Lerp(begin, ctrl, t), Vector3.Lerp(ctrl, target, t), t);

            particles[i].localPosition = pos;
        }
    }

    void OnFinish()
    {
        Destroy(gameObject);

        if (onFinish != null)
        {
            onFinish();
        }
    }

    Vector3 GetTargetPositionLocal()
    {
        var screenPoint = target.GetScreenPoint();

        Vector2 localPoint = Vector2.zero;
        GetComponent<RectTransform>().ScreenPointToLocalPosition(screenPoint, out localPoint);
        return localPoint;
    }


    /// <summary>
    /// 模擬《海島奇兵》收獲資源的爆炸效果
    /// </summary>
    /// <param name="parent">創(chuàng)建在哪</param>
    /// <param name="target">移動(dòng)到哪</param>
    /// <param name="prefab">移動(dòng)物體</param>
    /// <param name="amount">個(gè)數(shù)</param>
    /// <param name="explosionRadius">擴(kuò)散范圍</param>
    /// <param name="onFinish">移動(dòng)完成回調(diào)</param>
    /// <returns></returns>
    public static WeiButEffect CreateEffect(Transform parent, Transform target, Transform prefab, int amount, float explosionRadius = 200, System.Action onFinish = null)
    {
        GameObject instance = new GameObject(prefab.name);
        instance.transform.SetParent(parent, false);
        instance.AddComponent<RectTransform>();
        var effect = instance.AddComponent<WeiButEffect>();
        effect.prefab = prefab;
        effect.amount = amount;
        effect.target = target;
        effect.onFinish = onFinish;
        effect.explosionRadius = explosionRadius;
        effect.PlayEffect();
        return effect;
    }
}


/// <summary>
/// TransForm的擴(kuò)展
/// </summary>
public static class TRE
{
    /// <summary>
    /// 獲取Canvas里transform的屏幕坐標(biāo)
    /// </summary>
    /// <param name="trans"></param>
    /// <returns></returns>
    public static Vector3 GetScreenPoint(this Transform trans)
    {
        var canvas = trans.GetComponentInParent<Canvas>();
        if (canvas)
        {
            var uiCamera = canvas.worldCamera ?? Camera.main;
            if (canvas.renderMode == RenderMode.WorldSpace)
            {
                uiCamera.WorldToScreenPoint(trans.position);
            }
            else if (uiCamera && canvas.renderMode != RenderMode.ScreenSpaceOverlay)
            {
                return uiCamera.WorldToScreenPoint(trans.position);
            }
            else
            {
                return trans.position;
            }
        }
        return Camera.main.WorldToScreenPoint(trans.position);
    }

    public static bool ScreenPointToLocalPosition(this RectTransform rect, Vector2 screenPoint, out Vector2 localPoint)
    {
        if (rect)
        {
            Transform current = rect;
            Canvas canvas = null;
            for (; current != null; current = current.parent)
            {
                canvas = current.GetComponent<Canvas>();
                if (canvas != null)
                {
                    break;
                }
            }

            var cam = canvas.renderMode == RenderMode.ScreenSpaceOverlay ? null : (canvas.renderMode == RenderMode.ScreenSpaceCamera ? canvas.worldCamera : canvas.worldCamera ?? Camera.main);
            return RectTransformUtility.ScreenPointToLocalPointInRectangle(rect.parent.GetComponent<RectTransform>(), screenPoint, cam, out localPoint);
        }
        localPoint = Vector2.zero;
        return false;
    }
}

代碼這么多碳柱,其實(shí)很簡(jiǎn)單捡絮,就只調(diào)用CreateEffect靜態(tài)函數(shù)就可以了,參數(shù)的意思也都有注釋莲镣。還有一個(gè)靜態(tài)類TRE福稳,主要是transform的擴(kuò)展。

可以這樣

1.gif

也可以這樣

2.gif

甚至還可以這樣

3.gif

當(dāng)然你想怎樣就怎樣H鹞辍5脑病!

這個(gè)版本是無音效版的半火,如果需要請(qǐng)自行擴(kuò)展越妈。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市钮糖,隨后出現(xiàn)的幾起案子梅掠,更是在濱河造成了極大的恐慌,老刑警劉巖店归,帶你破解...
    沈念sama閱讀 210,978評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阎抒,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡消痛,警方通過查閱死者的電腦和手機(jī)且叁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秩伞,“玉大人谴古,你說我怎么就攤上這事〕砬福” “怎么了掰担?”我有些...
    開封第一講書人閱讀 156,623評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)怒炸。 經(jīng)常有香客問我带饱,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評(píng)論 1 282
  • 正文 為了忘掉前任勺疼,我火速辦了婚禮教寂,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘执庐。我一直安慰自己酪耕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5 384
  • 文/花漫 我一把揭開白布轨淌。 她就那樣靜靜地躺著迂烁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪递鹉。 梳的紋絲不亂的頭發(fā)上盟步,一...
    開封第一講書人閱讀 49,741評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音躏结,去河邊找鬼却盘。 笑死,一個(gè)胖子當(dāng)著我的面吹牛媳拴,可吹牛的內(nèi)容都是我干的黄橘。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼屈溉,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼塞关!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起语婴,我...
    開封第一講書人閱讀 37,655評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤描孟,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后砰左,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體匿醒,經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年缠导,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了廉羔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡僻造,死狀恐怖憋他,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情髓削,我是刑警寧澤竹挡,帶...
    沈念sama閱讀 34,254評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站立膛,受9級(jí)特大地震影響揪罕,放射性物質(zhì)發(fā)生泄漏梯码。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3 312
  • 文/蒙蒙 一好啰、第九天 我趴在偏房一處隱蔽的房頂上張望轩娶。 院中可真熱鬧,春花似錦框往、人聲如沸鳄抒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽许溅。三九已至,卻和暖如春男应,著一層夾襖步出監(jiān)牢的瞬間闹司,已是汗流浹背娱仔。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工沐飘, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人牲迫。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2 360
  • 正文 我出身青樓耐朴,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親盹憎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子筛峭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容