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

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

智能推荐

idea导入android工程,idea怎样导入Android studio 项目？-程序员宅基地

文章浏览阅读5.8k次。满意答案s55f2avsx2017.09.05采纳率：46%等级：12已帮助：5646人新版Android Studio/IntelliJ IDEA可以直接导入eclipse项目,不再推荐使用eclipse导出gradle的方式2启动Android Studio/IntelliJ IDEA，选择 import project3选择eclipse 项目4选择 create project f..._android studio 项目导入idea 看不懂安卓项目

浅谈AI大模型技术：概念、发展和应用_ai大模型应用开发-程序员宅基地

文章浏览阅读860次，点赞2次，收藏6次。AI大模型技术已经在自然语言处理、计算机视觉、多模态交互等领域取得了显著的进展和成果，同时也引发了一系列新的挑战和问题，如数据质量、计算效率、知识可解释性、安全可靠性等。城市运维涉及到多个方面，如交通管理、环境监测、公共安全、社会治理等，它们需要处理和分析大量的多模态数据，如图像、视频、语音、文本等，并根据不同的场景和需求，提供合适的决策和响应。知识搜索有多种形式，如语义搜索、对话搜索、图像搜索、视频搜索等，它们可以根据用户的输入和意图，从海量的数据源中检索出最相关的信息，并以友好的方式呈现给用户。_ai大模型应用开发

非常详细的阻抗测试基础知识_阻抗实部和虚部-程序员宅基地

文章浏览阅读8.2k次，点赞12次，收藏121次。为什么要测量阻抗呢？阻抗能代表什么？阻抗测量的注意事项... ...很多人可能会带着一系列的问题来阅读本文。不管是数字电路工程师还是射频工程师，都在关注各类器件的阻抗，本文非常值得一读。全文13000多字，认真读完大概需要2小时。一、阻抗测试基本概念阻抗定义：阻抗是元器件或电路对周期的交流信号的总的反作用。AC 交流测试信号 (幅度和频率)。包括实部和虚部。图1 阻抗的定义阻抗是评测电路、元件以及制作元件材料的重要参数。那么什么是阻抗呢？让我们先来看一下阻抗的定义。首先阻抗是一个矢量。通常，阻抗是_阻抗实部和虚部

小学生python游戏编程arcade----基本知识1_arcade语言 like-程序员宅基地

文章浏览阅读955次。前面章节分享试用了pyzero,pygame但随着想增加更丰富的游戏内容，好多还要进行自己编写类，从今天开始解绍一个新的python游戏库arcade模块。通过此次的《连连看》游戏实现，让我对swing的相关知识有了进一步的了解，对java这门语言也有了比以前更深刻的认识。java的一些基本语法，比如数据类型、运算符、程序流程控制和数组等，理解更加透彻。java最核心的核心就是面向对象思想，对于这一个概念，终于悟到了一些。_arcade语言 like

CTF练习题— —简单的WEB练习，maxlength问题。_webmaxlenth-程序员宅基地

文章浏览阅读2.9k次。日常练脑，好久好久没有打CTF 了虽然不打但是不得不备，日常练脑，别生锈。拿题目打开WEB环境是一个计算题，输上答案，发现只能输1位数字，肯定是限制了。那么需要我们解除输入限制方可得到flag.找思路日常习惯F12，追踪到被限制输入的input。发现果真是限制了以为我们修改一下。解答题因为我们的答案是141三位，我们把maxlength修改为3。这样我们就可以输入答案了。输入正确的答案后，点击验证得到flag。夺旗成功。夺旗成功输入正确格式的flag._webmaxlenth

基于Vue封装酷炫进度条插件_vue环形进度条插件-程序员宅基地

文章浏览阅读2.4k次，点赞9次，收藏20次。基于vue2的炫酷进度条动画插件。_vue环形进度条插件