微信小游戲加載速度優(yōu)化經(jīng)驗(yàn)

最初我們游戲是在載入的loading界面將所有資源進(jìn)行加載,這樣導(dǎo)致游戲啟動的時(shí)候加載使用了相當(dāng)長的時(shí)間穆桂,為了優(yōu)化這塊,進(jìn)行了以下幾點(diǎn)優(yōu)化:
1.刪除游戲內(nèi)多余的資源
2.將資源打包成大圖
3.將游戲場景內(nèi)的資源game提出,不要放在texture目錄下,然后在游戲進(jìn)入大廳場景的時(shí)候锐借,再去加載游戲內(nèi)的資源,并且設(shè)置一個(gè)全局的標(biāo)識符往衷,只有當(dāng)game加載完成钞翔,標(biāo)識符才設(shè)置為true。在各個(gè)進(jìn)入游戲場景之前席舍,對標(biāo)識符進(jìn)行判斷嗅战,不是true就return,并且畫出一個(gè)loading的界面顷编,告知玩家该窗。

下面是開始游戲的時(shí)候加載資源的代碼:

    var self = this;
    cc.loader.loadResDir("texture", function (completedCount, totalCount, item) {
        // console.log("completedCount:" + completedCount + ",totalCount:" + totalCount );
        if (self.isLoading) {
            self.pregress = completedCount / totalCount;         
        }
    }, 
    function (err, assets) {
        self.onLoadComplete();
        cc.loader.onComplete = null;
        self.isLoading = false;
    });

由于網(wǎng)速太慢赫舒,會有進(jìn)入微信小游戲之后不能立刻顯示loading界面的問題, 這個(gè)問題目前只有在loading界面之前再增加一個(gè)只有l(wèi)oading背景圖的界面东且,并且這個(gè)資源打包放入到上傳到微信4M包中。這樣本讥,網(wǎng)速慢的手機(jī)也就不會有黑屏產(chǎn)生而是卡在背景圖的界面珊泳。但是這個(gè)問題是每次上傳包的時(shí)候都要手動去保留res目錄和它下面的這個(gè)背景圖的資源,還有相關(guān)調(diào)用到的json文件拷沸。


----------------假裝解決的分割線----------------
策劃認(rèn)為目前進(jìn)入到大廳還是有些慢色查,今天再次對這個(gè)情況進(jìn)行如下的優(yōu)化:
1.大廳內(nèi)的二級功能界面全部制作成預(yù)制體,并且通過動態(tài)加載的方式去調(diào)用撞芍,而不是用編輯器拖拽的方式去調(diào)用秧了。
2.把大廳第一眼能顯示的內(nèi)容資源提出新命名一個(gè)beforeLoading,這一塊內(nèi)容放在loading場景去加載序无。texture剩余的部分和game文件夾一同在進(jìn)入大廳之后在加載验毡。
3.將大廳使用到的所有龍骨動畫進(jìn)行處理,只有調(diào)用到的時(shí)候再去進(jìn)行加載帝嗡,而不是用編輯器拖拽的方式去調(diào)用晶通。


----------------作死的分割線----------------
策劃要求和途游的棋牌載入速度保持一致。哟玷。狮辽。意思是不能有l(wèi)oading場景也不能有黑屏出現(xiàn)。
為了完成這一需求巢寡,刪除了loading場景喉脖,所有的邏輯放到大廳,打包大廳的首場景資源為一個(gè)大圖加入4M資源讼渊,然后登陸完成之后進(jìn)入大廳加載剩余大廳二級界面的資源和游戲內(nèi)資源动看。這個(gè)做法設(shè)計(jì)是挺好的,可是爪幻,會有黑屏出現(xiàn)菱皆,一次性加載太多資源和邏輯了,即便是延遲代碼邏輯到下一幀還是黑屏挨稿。


----------------再次作死的分割線----------------
為了解決上述問題仇轻,再次討論了一個(gè)新的方案:制作一個(gè)假的大廳的首場景圖放入4M資源,讓玩家看起來就像進(jìn)入了大廳一樣奶甘。然后這個(gè)場景圖作為第一個(gè)loading場景篷店,這個(gè)界面功能就是加載大廳場景的所有資源,加載完成才進(jìn)入大廳。在上面加一層灰色蒙版疲陕,顯示當(dāng)前資源加載的進(jìn)度方淤。后來這個(gè)灰色蒙版和大廳首場景圖合并為一張圖,進(jìn)大廳之后再進(jìn)行加載游戲內(nèi)的資源蹄殃。
目前的效果終于滿足了策劃的需求携茂,可以進(jìn)行下一步的優(yōu)化了。


----------------我又換回來了的分割線----------------
目前基本能在微信的白屏加載完成后進(jìn)入假的大廳界面然后加載大廳資源诅岩,而且在3G網(wǎng)速下也沒有問題讳苦。但是有的配置很差的手機(jī),就算是wifi環(huán)境下在白屏到大廳中間還是有一段長時(shí)間的黑屏吩谦,這個(gè)解決方法就是在假的大廳加載資源這段代碼寫在一下一幀去執(zhí)行:

  this.scheduleOnce(function () {
        self.addHallSceneResources();
    }, 0.01);

希望我別再回來了=鸳谜。=!J酵ⅰ咐扭!
下一步優(yōu)化游戲場景。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末懒棉,一起剝皮案震驚了整個(gè)濱河市草描,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌策严,老刑警劉巖穗慕,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異妻导,居然都是意外死亡逛绵,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進(jìn)店門倔韭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來术浪,“玉大人,你說我怎么就攤上這事寿酌∫人眨” “怎么了?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵醇疼,是天一觀的道長硕并。 經(jīng)常有香客問我,道長秧荆,這世上最難降的妖魔是什么倔毙? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮乙濒,結(jié)果婚禮上陕赃,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好么库,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布傻丝。 她就那樣靜靜地躺著,像睡著了一般诉儒。 火紅的嫁衣襯著肌膚如雪桑滩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天允睹,我揣著相機(jī)與錄音,去河邊找鬼幌氮。 笑死缭受,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的该互。 我是一名探鬼主播米者,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼宇智!你這毒婦竟也來了蔓搞?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤随橘,失蹤者是張志新(化名)和其女友劉穎喂分,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體机蔗,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蒲祈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了萝嘁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片梆掸。...
    茶點(diǎn)故事閱讀 40,615評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖牙言,靈堂內(nèi)的尸體忽然破棺而出酸钦,到底是詐尸還是另有隱情,我是刑警寧澤咱枉,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布卑硫,位于F島的核電站,受9級特大地震影響庞钢,放射性物質(zhì)發(fā)生泄漏拔恰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一基括、第九天 我趴在偏房一處隱蔽的房頂上張望颜懊。 院中可真熱鬧,春花似錦、人聲如沸河爹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽咸这。三九已至夷恍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間媳维,已是汗流浹背酿雪。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留侄刽,地道東北人指黎。 一個(gè)月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓,卻偏偏與公主長得像州丹,于是被迫代替她去往敵國和親醋安。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評論 2 359

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