如何制作一個(gè)閃屏頁面

時(shí)間：2023-07-03 14:18:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-03 14:18:01 來源：網(wǎng)站運(yùn)營

如何制作一個(gè)閃屏頁面：閃屏(Splash)指的是當(dāng)你打開一個(gè)應(yīng)用時(shí)，首先映入眼簾的那個(gè)界面。通常閃屏頁面都會(huì)比較簡單，因?yàn)橐婚W而過(這大概就是為什么叫做閃屏了)，一般都會(huì)放置產(chǎn)品的 LOGO，在游戲中通常會(huì)放置游戲制作團(tuán)隊(duì)或者工作室的 LOGO。

微信小游戲制作工具目前暫時(shí)不支持自定義閃屏頁，但是有不少朋友看見我的精致1010中其實(shí)是有一個(gè)閃屏頁的，就問那個(gè)小螞蟻頭像的閃屏頁是怎么做的。雖然工具目前不支持，但是我們?nèi)匀豢梢哉业揭恍┢渌奶娲桨竵韺?shí)現(xiàn)，今天就來分享一下其中的原理以及方法。

如圖，是我的所有游戲的閃屏頁，非常的簡單，一個(gè)背景，一個(gè)小螞蟻的標(biāo)志和一小段文字。

在小游戲制作工具中打開“作品設(shè)置”，其中有一個(gè)“資源加載方式”的選項(xiàng)，默認(rèn)選擇的是“全部加載后啟動(dòng)”。

首先，你需要把資源的加載方式，設(shè)置為“切換場景時(shí)加載”，這兩種加載方式到底有什么不同呢？

我們先來看一下“全部加載后啟動(dòng)”這一過程是怎樣的。

如圖，當(dāng)點(diǎn)擊圖標(biāo)打開游戲時(shí)，會(huì)發(fā)生如下的過程：在正式進(jìn)入游戲前，先把整個(gè)游戲需要的所有資源都加載好，這些資源都包含什么呢？圖片，聲音，積木塊代碼，總之所有供這個(gè)游戲運(yùn)行所需要的東西都是資源，在所有的資源都加載完畢后，接下來才顯示游戲的第一個(gè)首頁面。

我猜你也發(fā)現(xiàn)了其中的問題了吧！如果一個(gè)游戲的資源特別少是可以使用這種方式的，因?yàn)榧虞d資源的過程可能不需要太長時(shí)間。但是如果一個(gè)游戲的資源比較多，這種方式的弊端就顯現(xiàn)出來了，玩家需要在加載頁等待很久才能看到游戲的第一個(gè)頁面，這種體驗(yàn)給玩家的感受肯定是不好的。

接下來，我們再來看一下“切換場景時(shí)加載”的過程。

點(diǎn)擊圖標(biāo)打開游戲，依然需要加載資源，但是此時(shí)并不需要加載游戲中的所有資源，只需要將第一個(gè)閃屏頁需要用到的資源加載完成就夠了，所以相當(dāng)于只需要加載少量的資源即可打開“閃屏頁面”。接下來，在閃屏頁面中再次加載資源，這次需要加載的資源是“游戲首頁”需要用到的資源，加載完這部分資源后，就可以顯示“游戲首頁”了。

這就是在微信小游戲制作工具中做一個(gè)閃屏頁的原理了。首先，將資源的加載方式設(shè)置成“切換場景時(shí)加載”，然后制作一個(gè)非常簡單的“閃屏頁”(只需要少量的資源)，當(dāng)點(diǎn)擊游戲圖標(biāo)打開游戲時(shí)，我們先讓游戲盡快的進(jìn)入“閃屏頁”，然后再從閃屏頁加載資源進(jìn)入到“游戲首頁”。

制作起來非常的簡單，創(chuàng)建一個(gè)“閃屏”場景，并且把它設(shè)置為“主場景”，這個(gè)場景中的內(nèi)容非常少，只包含一個(gè) LOGO 以及一個(gè)默認(rèn)的背景。

然后在閃屏場景增加如下的積木塊，其實(shí)只做了一件事，就是當(dāng)“閃屏”場景啟動(dòng)時(shí)，立刻切換到“首頁”場景。

好了，這就是在微信小游戲制作工具中做一個(gè)閃屏頁的方法了。估計(jì)以后在項(xiàng)目設(shè)置中可能會(huì)直接增加一個(gè)設(shè)置閃屏頁的功能，不過，在有這個(gè)功能之前，這個(gè)方法可以當(dāng)作一個(gè)不錯(cuò)的替代方案。

我一直認(rèn)為一個(gè)小游戲應(yīng)該是輕巧的，體現(xiàn)在當(dāng)玩家打開它時(shí)，應(yīng)該能夠立刻的進(jìn)入游戲，在進(jìn)入游戲后，應(yīng)該能夠立刻的上手進(jìn)入狀態(tài)。作為一個(gè)游戲的開發(fā)者，盡可能的合理使用資源，優(yōu)化游戲設(shè)計(jì)，為玩家節(jié)省哪怕是一秒鐘的等待時(shí)間，都是非常值得做的。

請相信，你在制作游戲過程中的每一點(diǎn)兒用心，玩家都會(huì)感受的到。共勉。

---

我是會(huì)做游戲也會(huì)教你做游戲的小螞蟻，歡迎關(guān)注公眾號【小螞蟻教你做游戲】，領(lǐng)取全網(wǎng)最全的微信小游戲開發(fā)系列原創(chuàng)教程。

這是我做的消除小游戲【精致1010】，歡迎試玩。

原創(chuàng)不易，如果覺得文章內(nèi)容對你有幫助，歡迎 點(diǎn)贊 轉(zhuǎn)發(fā)，你的鼓勵(lì)對我來說價(jià)值巨大，感謝！