如何制作一个闪屏页面_小蚂蚁的技术博客_51CTO博客
source link: https://blog.51cto.com/u_15530520/5472298
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
如何制作一个闪屏页面
原创嗨！大家好，我是小蚂蚁。欢迎关注我的微信公众号【小蚂蚁教你做游戏】，学习更多游戏开发原创教程。
闪屏(Splash)指的是当你打开一个应用时，首先映入眼帘的那个界面。通常闪屏页面都会比较简单，因为要一闪而过(这大概就是为什么叫做闪屏了)，一般都会放置产品的 LOGO，在游戏中通常会放置游戏制作团队或者工作室的 LOGO。
微信小游戏制作工具目前暂时不支持自定义闪屏页，但是有不少朋友看见我的精致1010 中其实是有一个闪屏页的，就问那个小蚂蚁头像的闪屏页是怎么做的。虽然工具目前不支持，但是我们仍然可以找到一些其它的替代方案来实现，今天就来分享一下其中的原理以及方法。
如图，是我的所有游戏的闪屏页，非常的简单，一个背景，一个小蚂蚁的标志和一小段文字。
在小游戏制作工具中打开“作品设置”，其中有一个“资源加载方式”的选项，默认选择的是“全部加载后启动”。
首先，你需要把资源的加载方式，设置为“切换场景时加载”，这两种加载方式到底有什么不同呢？
我们先来看一下“全部加载后启动”这一过程是怎样的。
如图，当点击图标打开游戏时，会发生如下的过程：在正式进入游戏前，先把整个游戏需要的所有资源都加载好，这些资源都包含什么呢？图片，声音，积木块代码，总之所有供这个游戏运行所需要的东西都是资源，在所有的资源都加载完毕后，接下来才显示游戏的第一个首页面。
我猜你也发现了其中的问题了吧！如果一个游戏的资源特别少是可以使用这种方式的，因为加载资源的过程可能不需要太长时间。但是如果一个游戏的资源比较多，这种方式的弊端就显现出来了，玩家需要在加载页等待很久才能看到游戏的第一个页面，这种体验给玩家的感受肯定是不好的。
接下来，我们再来看一下“切换场景时加载”的过程。
点击图标打开游戏，依然需要加载资源，但是此时并不需要加载游戏中的所有资源，只需要将第一个闪屏页需要用到的资源加载完成就够了，所以相当于只需要加载少量的资源即可打开“闪屏页面”。接下来，在闪屏页面中再次加载资源，这次需要加载的资源是“游戏首页”需要用到的资源，加载完这部分资源后，就可以显示“游戏首页”了。
这就是在微信小游戏制作工具中做一个闪屏页的原理了。首先，将资源的加载方式设置成“切换场景时加载”，然后制作一个非常简单的“闪屏页”(只需要少量的资源)，当点击游戏图标打开游戏时，我们先让游戏尽快的进入“闪屏页”，然后再从闪屏页加载资源进入到“游戏首页”。
制作起来非常的简单，创建一个“闪屏”场景，并且把它设置为“主场景”，这个场景中的内容非常少，只包含一个 LOGO 以及一个默认的背景。
然后在闪屏场景增加如下的积木块，其实只做了一件事，就是当“闪屏”场景启动时，立刻切换到“首页”场景。
好了，这就是在微信小游戏制作工具中做一个闪屏页的方法了。估计以后在项目设置中可能会直接增加一个设置闪屏页的功能，不过，在有这个功能之前，这个方法可以当作一个不错的替代方案。
我一直认为一个小游戏应该是轻巧的，体现在当玩家打开它时，应该能够立刻的进入游戏，在进入游戏后，应该能够立刻的上手进入状态。作为一个游戏的开发者，尽可能的合理使用资源，优化游戏设计，为玩家节省哪怕是一秒钟的等待时间，都是非常值得做的。
请相信，你在制作游戏过程中的每一点儿用心，玩家都会感受的到。共勉。
欢迎关注我的微信公众号【小蚂蚁教你做游戏】，学习更多游戏开发原创教程。
Recommend
-
14
Ubuntu更新或者安装后的闪屏问题解决
-
10
Flutter Dojo设计之道——骚气的闪屏动画是如何实现的 ...
-
3
导语：本期内容可能会让很多UI设计师大开眼界，因为每个知识点都是UI设计中的精华技能，非常有可能助你突破自身的设计边界。文中会围绕APP闪屏设计知识分享，从闪屏的作用，到设计助力闪屏功能，再到一个闪屏尺寸适配所有主流分辨率手机，以及UI设...
-
5
去年在接入安卓SDK时，会有部分渠道有要求手写闪屏的情况，下面是当时的笔记，这只是最简单的一种方法。 参考资料：很好的例子： https://www.jianshu.com/p/a609f510b19a
-
3
wordpres如何制作专题页面 WP添加专题页面功能 2021-10-2011:10:17
-
4
Android SurfaceView双缓存机制与闪屏现象分析##理解SurfaceViewSurfaceView是View的子类，所以View有的特点它都有。但它有特殊之处：它引入了缓存机制，优化了内容刷新的过程，使UI Thread不至于崩溃。更新它的内容，我们要用到与之关联的Surfa...
-
3
解决LicheeRV 86 Panel在tina2.0配置lcd GPIO引脚及colorbar闪屏的问题 推荐 原创 神棍地海棠...
-
4
V2EX › Apple M 芯片外接 Dell S2721Qs 闪屏
-
38
V2EX › Apple MacPro M1 更新 macos13 后， idea 全屏时会闪屏，大家有遇到过该情况没怎么解决的
-
7
一年之中有好几个传统节日或者节气，相信大家都不陌生。关于节气节日的营销方式，也是各家品牌所倾向于借势的，借此拉近用户，增强品牌曝光度与好感度。本文以58APP为例，分享节气闪屏系列创作背后的创意及设计思路。
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK