4. 角色的制作与打包到小游戏

Hi I'm Shendi

这一节主要是制作角色与打包到微信小游戏

设计

在最开始制作logo的时候设计了下主角（简陋但问题不大）

就是一个球+两个矩形（眼睛）

制作预制体

从UI部分放大到摄像头的位置，在摄像头内制作角色预制体

可以先将Canvas隐藏，鼠标放到层级面板的Canvas，然后点击眼睛的图标

在层级面板右键，创建圆形

与之前的方块一样，将缩放调到0.5x0.5

然后在创建的圆形下创建两个正方形，作为圆球的子集，更改一下颜色调整一下大小和位置，然后把图层顺序调高（例如1）

最终结果看起来像这样（当然也可以加更多的细节....）

将其命名为 Player，然后新建一个脚本也命名为Player，将脚本拖给角色

再拖入到放方块的预制体文件夹(Prefabs)，这样角色预制体就做好了

感觉首页依然有点空，于是可以拖一个角色预制体出来，右键预制件选择完全解压缩，然后将物体的脚本组件，放在左下角，作为主页的一份子

运行后效果如下， 感觉比之前的效果好了一点

打包到微信小游戏

因为最终的目标是制作小游戏，这里提前熟悉一下避免踩坑

可以看下微信小游戏官方的适配文档

https://developers.weixin.qq.com/minigame/dev/guide/game-engine/unity-webgl-transform.html

首先需要下载Unity的插件

https://game.weixin.qq.com/cgi-bin/gamewxagwasmsplitwap/getunityplugininfo?download=1

下载完是个这样的东西

直接将其拖入到当前打开项目的Unity，或者点击资源 - 导入包 - 自定义包，选择下载的文件

然后会弹出一个对话框，点导入即可

等待导入完成后，会发现菜单栏上多了个微信小游戏按钮

点击转换小游戏，弹出的界面是这样的

因为我笔记本屏幕高度比较小，无法完全显示这个面板，并且这个面板无法调小高度，没有滚动条，如果你也遇到了这个问题，可以参考这篇文章解决：https://sdpro.top/blog/html/article/1062.html

填写 appid，项目名，选择到出路径，首包加载方式选择小游戏包内，然后点击导出WebGL并转换为小游戏按钮

输出目录最好不要是系统盘（C盘），否则可能会因为权限问题导致生成出错

如果构建慢，可以在Unity的文件 - 生成设置 - WebGL 中将 IL2CPP选项改为更快运行时

接下来等待导出完成，目录结构如下

打开微信开发者工具（没有就去下载）

选择微信小游戏，点击左上角的导入或者大+号，选择导出的文件夹下的minigame文件夹，选择和appid，点击创建即可

编译报错，如下

需要在小程序 - 成长 - 能力地图 - 生产提效包 - 快适配开通

开通后再点击小程序内的编译按钮，就可以看到成功了

加载完后就是我们编写的游戏了，效果如下

会发现按钮的文字都不见了

这个问题是因为使用的字体是Unity默认的Arial，发布WebGL项目使用这个字体会导致中文不显示

这个问题下篇解决

本文链接：https://sdpro.top/blog/html/article/1063.html