Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏


????前言


  • 你在打包Unity应用的时候是不是还在用​​默认启动Logo​​呢?
  • 看完这篇文章教你自己定制一款属于自己的​​Unity启动Logo​​!
  • 之前有一篇文章我们讲了怎样在不购买专业版的情况下​​自定义Unity的启动Logo​
  • 但是只是用了一张图片对默认Logo进行替换,并没有加自己的启动动画
  • 那本篇文章就来介绍一下,怎样在 ​​去除默认Logo的前提​​ 下制作自己的启动动画!

????Unity实战篇 | 将Unity的启动画面 设置成 自己制作的 帧动画

????帧动画

先来说一下这个 ​​帧动画​​ 是啥意思方便大家理解

这里说的 ​​帧动画​​ 就是一系列的 静态图片 快速切换达到一个动图的效果

事实上我们现在的游戏也是通过一帧一帧的拼接起来,一秒60帧以上就会很流畅了

比如之前很火的​​火柴人系列​​​,就是很经典的这种​​帧动画​

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏引擎_02

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_Unity启动Logo_03

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_动画_04

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏_05

哈哈哈,是不是很有意思呢~

我们就是要搞一个这种动态图片的​​帧动画​​​来做 ​​应用启动Logo​​!


????帧动画制作

如果能自己画图来制作一个系列的​​帧动画​​自然是好的。

但是可惜 ​​小Y​​ 不会这个技术活(懒)呀,那咋办呢~

​俗话说得好,只要思想不滑坡,方法总比困难多!​

这里顺道给大家推荐一个录屏工具:​​ScreenToGif​

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_Unity启动Logo_06

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏_07

这个工具可以实现基本的​​录屏功能​​​ 和 ​​保存视频 或者 Gif​​ 等格式的文件

我平时就用这个录屏做一个动态图展示,还是很赞的!

废话不多说,我这里主要是用到了这个工具里面的一个功能

它可以将现有的 ​​Gif格式图片​​​拆分成多帧​​静态图​​,然后再将每一帧的图片一键保存起来

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏_08

保存之后的图片示例如下:

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏_09

好了,这样我们就有一个简单的​​帧动画素材​​了

虽然看起来很Low,但是这里就是简单做个示范哈,大家可以自己定制一款属于自己的启动Logo!

接下来就是怎样在工程中使用这个帧动画了,一起来看看。


????将 帧动画图片 添加到Android Studio工程中

这一步很简单,继续打开我们​​去除Unity启动Logo的文章​​中用到的工程

然后将​​帧动画图片​​复制到 ​​res -> drawable​​ 文件夹下即可!

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_Unity启动Logo_10


????代码编写帧动画

我们继续在​​Android Studio​​​写代码然后使用的 ​​aar​​ 的方式给Unity去除启动Logo

那么这个​​添加帧动画​​​的方法依旧是在​​Android Studio​​中进行的

所以我们在这篇 去除Logo的文章 基础上继续添加代码

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_Unity启动Logo_11

在原有的​​MainActivity​​中继续添加一个​​ImageView​​和一个​​AnimationDrawable​

​ImageView​​和​​AnimationDrawable​​就是我们即将给 帧动画 赋值的参数

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏引擎_12

这段代码是给​​帧动画赋值​​,将我们自己的一套帧动画图片添加进去

然后设置​​动画循环播放​​​,还要把 ​​帧动画的位置​​​ 和 ​​尺寸信息​​ 设置完毕

然后别忘了在​​关闭启动动画的方法​​中将帧动画也关闭掉

这一步是在Unity端进行的,与之前的去除UnityLogo文中方法一致!

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_unity_13


????打包aar给Unity使用

又到了打包的这一步,就说明快要结束啦!

选中这个工程,然后 ​​Build -> Make Module​

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_unity_14

然后把​​aar​​和​​AndroidManifest​​都保存出来,待会给Unity使用(这一步每次都重复,大家应该都会了)

​aar​​​复制出来之后记得把​​Libs文件夹​​​下的​​class包​​删掉。


????将aar和AndroidManifest放入Unity工程中

新建​​Plugins/Android​​文件夹

把我们在Android端保存的aar文件和​​AndroidManifest​​都放到这个Android文件夹下

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_游戏_15

写脚本调用 Android中消除启动Logo 的动画图片,脚本跟之前的 去除Logo的文章 一样没变化

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_动画_16

Unity打包apk应用,设置包名。​​File -> Build Settings -> Player Settings​

这里把 公司名 和 包名 改为我们的​​AndroidManifest​​中的一致即可

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_动画_17

然后就是​​Build打包​​即可!


????效果展示

打包完之后点击运行,Unity的Logo就会变成我们自定义的动画Logo啦!

Unity实战篇 | 教你怎样将Unity的启动Logo 设置成 自己制作的 帧动画_动画_18

是不是很实用呢,可以自己搞一个属于自己的Logo放上去

这样我们打包的Unity应用就会变成 ​​自己的专属Logo​​!

赶紧自己动手试试吧!

​源码工程​​ 的话可以参考下上一篇文章中的工程,只需要改动一下帧动画的代码即可!


????总结


  • 本篇文章自己制作了一个​​帧动画​​来替换了​​Unity的默认启动Logo​
  • 虽然这个​​帧动画​​看起来一般般哈哈,但是我们的功能做好了
  • 有时间可以整一个好看的动画,用来做应用启动的时候显示
  • 这样就可以拥有一个属于自己的应用启动动画啦!