制作游戲加載進度條(Slider,異步加載)

游戲進度條

Slider

這個也是我們經(jīng)常用的組件筐钟,拖動條捡硅,我們可以用來做進度條,血條盗棵,調(diào)節(jié)音量壮韭,下邊我們介紹下他的核心組件

Paste_Image.png
  • Value 進度值
  • Alpha 透明度
  • Steps 每次變動步伐的大小,0表示無限制纹因。
  • Foreground 進度條上層表示進度的圖片
  • Background 底槽圖片
  • Thumb 拖動塊
  • Direction 填充方向
  • OnValueChange 當我們進度發(fā)生變化時的一個回調(diào)函數(shù)
  • Boxcollider 這個可有可無喷屋,假如我們在需要用鼠標對這個進度條進行拖動設(shè)置的時候,我們就必須把Boxcollider附加在底槽上瞭恰。(我們只是想通過拖動塊來進行移動屯曹,那我們也應(yīng)該在拖動塊上加個Boxcollider,這個大家可以去測試下)
Paste_Image.png

大家可以看到我在Splid下邊加了2個Sprite和一個Label,分別是前后背景照片恶耽,還有一個是顯示當前進度的Label密任,大家可以把這個圖和上圖對比一下,就知道了偷俭。

Paste_Image.png

這個就是制作出來的進度條浪讳。

異步加載 SceneManager.LoadSceneAsync

當我們需要加載下一 個場景的時候我們經(jīng)常會用到異步加載,異步加載就是在不阻塞主線程的情況下涌萤,還會加載場景淹遵。假如我們直接跳轉(zhuǎn)的話,有的時候場景很大负溪,我們跳到下一個場景需要卡頓一會才會加載完全透揣,這樣就會給玩家造成不流暢的感覺。

Paste_Image.png

這里的第二行代碼就是讓他加載完成以后先不顯示川抡,等到我們想讓他顯示的時候再把他設(shè)置為True就好辐真。上圖中的next還有一個progress這個屬性,這是表示當前加載的進度崖堤。我們下邊會用到侍咱。
我們現(xiàn)在好多游戲的進度條都是假的,一般都是前邊和末尾是假的倘感,而只有中間才是真的放坏,(商家可以在此時宣傳一些活動,讓我們多看幾眼)老玛。我們看下代碼

Paste_Image.png
 void StartJDT()
{
    //剛開始我的進度條是隱藏的淤年,執(zhí)行這個方法,讓進度條顯示出來
    JDTPanel.SetActive(true);
    //開啟協(xié)程蜡豹,讓他去執(zhí)行進度條加載麸粮,0.55f是進度條第一次的目標值為55%
    StartCoroutine("St", 0.55f);

}
IEnumerator St(float tar)
{
    //當進度條沒有到達tar點位的時候,他就會進入到下邊的循環(huán)
    while (!IsEnd)
    {
        JDT.GetComponent<UISlider>().value = Mathf.MoveTowards(JDT.GetComponent<UISlider>().value, tar, Random.Range(0.001f, 0.05f));
        if (JDT.GetComponent<UISlider>().value >= tar) { IsEnd = true; }
        yield return new WaitForSeconds(Random.Range(0f, 0.2f));
   
    }
}
void Update()
{
    if (IsEnd)
    {
        
        if (next.progress<0.9f)
        {
            //當異步場景資源沒有加載加載完畢的時候镜廉,一般都是當progress為90%的時候就是加載完畢了
            JDT.GetComponent<UISlider>().value = 0.55f + next.progress * 0.2f;
        }
        else
        {
            //當異步場景資源加載加載完畢的時候弄诲,我在開啟協(xié)程,然后讓進度條的目標位置為1
            IsEnd = false;
            StartCoroutine("St", 1f);
        }
    }
    //當進度條進度為100%的時候娇唯,讓異步加載進來的場景顯示
    if (JDT.GetComponent<UISlider>().value == 1)
    {
        next.allowSceneActivation = true;
    }
}
若水GIF截圖_2016年12月17日15點46分37秒.gif

這就是他顯示出來的效果

Paste_Image.png

這個就是整體流程

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末齐遵,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子塔插,更是在濱河造成了極大的恐慌梗摇,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件想许,死亡現(xiàn)場離奇詭異伶授,居然都是意外死亡断序,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門糜烹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來违诗,“玉大人,你說我怎么就攤上這事疮蹦≈畛伲” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵挚币,是天一觀的道長亮蒋。 經(jīng)常有香客問我扣典,道長妆毕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任贮尖,我火速辦了婚禮笛粘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘湿硝。我一直安慰自己薪前,他們只是感情好,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布关斜。 她就那樣靜靜地躺著示括,像睡著了一般。 火紅的嫁衣襯著肌膚如雪痢畜。 梳的紋絲不亂的頭發(fā)上垛膝,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天,我揣著相機與錄音丁稀,去河邊找鬼吼拥。 笑死,一個胖子當著我的面吹牛线衫,可吹牛的內(nèi)容都是我干的凿可。 我是一名探鬼主播,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼授账,長吁一口氣:“原來是場噩夢啊……” “哼枯跑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起白热,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤敛助,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后棘捣,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辜腺,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡休建,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了评疗。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片测砂。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖百匆,靈堂內(nèi)的尸體忽然破棺而出砌些,到底是詐尸還是另有隱情,我是刑警寧澤加匈,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布存璃,位于F島的核電站,受9級特大地震影響雕拼,放射性物質(zhì)發(fā)生泄漏纵东。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一啥寇、第九天 我趴在偏房一處隱蔽的房頂上張望偎球。 院中可真熱鬧,春花似錦辑甜、人聲如沸衰絮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽猫牡。三九已至,卻和暖如春邓线,著一層夾襖步出監(jiān)牢的瞬間淌友,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工褂痰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留亩进,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓缩歪,卻偏偏與公主長得像归薛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子匪蝙,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

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

  • 異步任務(wù)相信大家應(yīng)該不會陌生主籍,那么本章內(nèi)容MOMO將帶領(lǐng)大家學習Unity中的一些異步任務(wù)。在同步加載游戲場景的時...
    木易一帆閱讀 1,300評論 0 4
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,520評論 25 707
  • 犯了錯誤被罰站逛球,罰站挨批還和其他同學打鬧千元,戳疼了眼睛,最終書法課沒寫字颤绕,閱讀課沒看書的他還知道放學的時候?qū)ξ艺f:“...
    宋紅利閱讀 213評論 0 0
  • 2016不平凡的2O16 不知不覺要告別2016年了幸海,在這一年發(fā)生了很多不平凡事祟身。 曾經(jīng)認為我的人生路為什么會有很...
    A遇見最好的自己閱讀 217評論 1 0
  • 要做真正想做的事時,就像飛機一樣物独,需要長長的跑道袜硫。—村上春樹《我的職業(yè)是小說家》 ...
    午時風閱讀 1,466評論 49 51