Unity3d C#开发WebGL平台转微信小游戏保姆级教程（喜大普奔）_unity webgl微信小游戏广告插入-程序员宅基地

前言

之前馋与wx小游戏的大流量的广告分成，用cocos creator拼拼凑凑的搞了两个小游戏上线，结果反响平平，个人感觉这个小丫搭桥还不错，不过这个数据就惨不忍睹了：

在这里插入图片描述

有兴趣可以wx扫一扫体验一下，帮忙给个赞：
在这里插入图片描述

在蹩脚的开发过程中，一直想着有天可以用Unity开发微信小游戏，这不随着小程序团队推出的Unity WebGL转换微信小游戏的插件（minigame-unity-webgl-transform），这个梦想实现了啊！！
保持原引擎工具链与技术栈
无需重写游戏核心逻辑，支持大部分第三方插件
由转换工具与微信小游戏运行环境保证适配兼容，保持较高还原度
微信小游戏平台能力以C# SDK方式提供给开发者，快速对接平台开放能力

本文就以该插件将Unity开发的项目导出到微信小程序的过程。

效果

先瞅瞅Unity导出到微信开发者工具的效果：
在这里插入图片描述

准备工作

我的demo以Unity3d 2021.3.0f1c1,微信开发者工具RC 1.05.2203251，minigame-unity-webgl-transform202204141739。
官方提示的版本：
已验证Unity版本：2018、2019、2020、2021（请尽量使用LTS, 推荐使用2019、2021）. 安装时选择WebGL组件。如果你用的是Big Sur版本的Mac系统，并且Unity 版本小于 2019.4.14, 则需另外安装 python3，并安装brotli 命令如下: python3 -m pip install brotli

下载插件

minigame-unity-webgl-transform插件的github地址：https://github.com/wechat-miniprogram/minigame-unity-webgl-transform，
这是本文编写时最新地址：https://res.wx.qq.com/wechatgame/product/webpack/userupload/wasm_plugin/minigame.202204141739.unitypackage，
下载后只需将其导入Unity工程中，导入成功后有个微信小游戏的Menu：

在这里插入图片描述

下载WX开发者工具

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html，这个只需要下载按步骤安装，即可，开发者的微信扫描登录。
在这里插入图片描述

下载Unity3d

如果没有UnityHub，就先从https://unity.cn/releases/lts下载UnityHub。
之后在UnityHub的安装页面上下载Unity编辑器，记得一定要勾选WebGL Build Support：
在这里插入图片描述

准备小游戏注册

如果先体验开发流程，可以先申请可体验号，目的是为了获得Appid：
https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html，在这个路径下按引导操作即可获得测试号：
在这里插入图片描述

记录下AppID(小程序ID)备用。

正式的小游戏账号https://developers.weixin.qq.com/minigame/dev/guide，按这个来注册即可。

开发过程

首先新建的Unity工程切换到WebGL平台：
在这里插入图片描述

这里直接做个很简单的demo，只用UI，试试全过程是否通畅。

Unity的工程

我们这里简单的搭建了一个UI场景：
在这里插入图片描述

保存为Main.unity

转换小游戏工程

先添加Main.unity场景： File>Build Settings
在这里插入图片描述

然后微信小游戏> 转换小游戏：

在这里插入图片描述

调出转换窗口：

在这里插入图片描述

这里就用到准备工作中的Appid，选好游戏方向，导出的位置，点击导出WEBGL并转换为小游戏（常用）按钮。
官方是这么说的：

在这里插入图片描述

开发者工具打开

导出后在导出的目录下有个minigame文件夹，这个文件夹就是小游戏的工程文件夹了。
打开微信开发者工具，在小游戏页，点击导入，选择minigame文件夹，添加小游戏。
在这里插入图片描述

打开小游戏工程后，第一次会提示插件未授权使用，点击添加插件：
在这里插入图片描述

添加Unity适配：
在这里插入图片描述

这样就出现了效果中的Unity工程成功在微信开发者工具上运行了。

手机查看效果

点击预览后，等待生成二维码：

在这里插入图片描述

扫码后可以在手机上查看效果了。

在这里插入图片描述

总结

目前这个开发过程感觉还是比较快速方便的，因为刚开始使用，不知道有啥坑点，好像插件也更新的很频繁，大家可以尝试搞两个小游戏试试水。

本文链接：https://blog.csdn.net/qq_33789001/article/details/124200300

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

linux devkmem 源码,linux dev/mem dev/kmem实现访问物理/虚拟内存-程序员宅基地

文章浏览阅读451次。dev/mem: 物理内存的全镜像。可以用来访问物理内存。/dev/kmem: kernel看到的虚拟内存的全镜像。可以用来访问kernel的内容。调试嵌入式Linux内核时，可能需要查看某个内核变量的值。/dev/kmem正好提供了访问内核虚拟内存的途径。现在的内核大都默认禁用了/dev/kmem，打开的方法是在 make menuconfig中选中 device drivers --> ..._dev/mem 源码实现

vxe-table 小众但功能齐全的vue表格组件-程序员宅基地

文章浏览阅读7.1k次，点赞2次，收藏19次。vxe-table，一个小众但功能齐全并支持excel操作的vue表格组件_vxe-table

（开发）bable - es6转码-程序员宅基地

文章浏览阅读62次。参考：http://www.ruanyifeng.com/blog/2016/01/babel.htmlBabelBabel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item..._让开发环境支持bable

FPGA 视频处理 FIFO 的典型应用_fpga 频分复用视频-程序员宅基地

文章浏览阅读2.8k次，点赞6次，收藏29次。摘要：FPGA视频处理FIFO的典型应用，视频输入FIFO的作用，视频输出FIFO的作用，视频数据跨时钟域FIFO，视频缩放FIFO的作用_fpga 频分复用视频

R语言：设置工作路径为当前文件存储路径_r语言设置工作目录到目标文件夹-程序员宅基地

文章浏览阅读575次。【代码】R语言：设置工作路径为当前文件存储路径。_r语言设置工作目录到目标文件夹

background 线性渐变-程序员宅基地

文章浏览阅读452次。格式：background: linear-gradient(direction, color-stop1, color-stop2, ...);<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner>] ,]? &l..._background线性渐变

随便推点

【蓝桥杯省赛真题39】python输出最大的数中小学青少年组蓝桥杯比赛算法思维python编程省赛真题解析-程序员宅基地

文章浏览阅读1k次，点赞26次，收藏8次。第十三届蓝桥杯青少年组python编程省赛真题一、题目要求（注：input（）输入函数的括号中不允许添加任何信息）1、编程实现给定一个正整数N，输出正整数N中各数位最大的那个数字。例如:N=132，则输出3。2、输入输出输入描述：只有一行，输入一个正整数N输出描述：只有一行，输出正整数N中各数位最大的那个数字输入样例：

网络协议的三要素-程序员宅基地

文章浏览阅读2.2k次。一个网络协议主要由以下三个要素组成：1.语法数据与控制信息的结构或格式，包括数据的组织方式、编码方式、信号电平的表示方式等。2.语义即需要发出何种控制信息，完成何种动作，以及做出何种应答，以实现数据交换的协调和差错处理。3.时序即事件实现顺序的详细说明，以实现速率匹配和排序。不完整理解：语法表示长什么样，语义表示能干什么，时序表示排序。转载于:https://blog.51cto.com/98..._网络协议三要素csdn

The Log: What every software engineer should know about real-time data's unifying abstraction-程序员宅基地

文章浏览阅读153次。主要的思想，将所有的系统都可以看作两部分，真正的数据log系统和各种各样的query engine所有的一致性由log系统来保证，其他各种query engine不需要考虑一致性，安全性，只需要不停的从log系统来同步数据，如果数据丢失或crash可以从log系统replay来恢复可以看出kafka系统在linkedin中的重要地位，不光是d..._the log: what every software engineer should know about real-time data's uni