3D 小球跑酷发布微信小程序

这篇具有很好参考价值的文章主要介绍了3D 小球跑酷发布微信小程序。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一、前言

二、开发环境

三、下载与安装插件

3.1 下载编辑器

3.2 InstantGame package安装

四、导出微信项目

        4.1 切换平台

        4.2  适配纹理格式(ASTC)​

        4.3 配置Graphics API

        4.4 下载并导入Unity小游戏转换SDK

        4.5 配置Auto Streaming

        4.6 配置UOS CDN服务        

        4.7 导出微信小程序项目

五、 微信开发工具安装

六、导入微信项目

六、结束语:


一、前言

        本教程会把上篇我们制作的3D小球跑酷项目发布成微信小游戏,没有项目的可以先看上篇《3D小球跑酷》,也可以下载资源,直接导入到新建的项目,或者使用你自己已有的项目。本教程重在了解发布成微信小游戏的过程,与项目无关。

二、开发环境

操作系统:Windows

Unity 版本:2021.3.11f1c2 LTS

三、下载与安装插件

3.1 下载编辑器

        打开 Unity微信小游戏平台官网文档,下载推荐的版本。如果你电脑安装了Unity Hub,推荐使用Unity Hub下载。我们这里选择使用Unity Hub进行下载,安装2021.2.5f1c302版本。按照文档 “Hub安装”部分进行安装。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        Hub安装:

        如您未安装Unity Hub请按照网页提示或者前往Unity Hub页面安装,然后点击 Hub安装 ,弹出框中点击 Open Unity Hub ,即可拉起Unity Hub安装页面,确认勾选WebGLSupport平台,然后点击Install按钮即可。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

3.2 InstantGame package安装

        使用下载好的2021.2.5f1c302版本的编辑器打开3D小球跑酷项目,选择Window-> PackageManager, 打开Package Manager 窗口。选择Unity Registry并勾选Show preview packages, 然后搜索“instant game”, 点击“install”安装以下package最新版本:3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

提示:如果在PackageManager中无法搜索到,请在项目的Packages/manifest.json文件中直接添加以下package:

"com.unity.instantgame": "0.3.1"

四、导出微信项目

        Unity导出微信项目需要切换到WebGL平台,如果你的平台不是WebGL,请先切换平台。

      4.1 切换平台

        点击File->Project Settings..., 在Platform下选择WebGL,点击下方的Switch Platform按钮,切换到WebGL平台。点击Add Open Scenes, 把当前场景添加到Scene In Build中。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        4.2  适配纹理格式(ASTC)​

        在BuildSettings页面将Texture Compression改为ASTC并保存,首次切换ASTC会转换Texture压缩格式,需要较长的时间。 开启ASTC压缩后,小游戏在移动端运行时可以节省大量内存和显存。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        4.3 配置Graphics API

        在BuildSettings窗口点击左下角的Player Settings 按钮,打开 Player Settings窗口。在Player Settings窗口右侧,找到Other Settings 标签,取消勾选Auto Graphics API,仅保留WebGL 1 或者WebGL 2。可以减少shader变体数量,从而减小首包和启动时间。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

小提示:

        使用WebGL 1时, 若Lightmap Encoding为High Quality,将其改为Normal。

        4.4 下载并导入Unity小游戏转换SDK

        下载并添加 Unity小游戏转换工具和SDK 插件,并导入Unity工程。 完成后可以看到在游戏工程assets文件夹下 有 WebGLTemplates 和 WX-WASM-SDK-v2 这两个新增文件夹。

插件地址:https://github.com/wechat-miniprogram/minigame-unity-webgl-transform 

        或者: https://gitee.com/wechat-minigame/minigame-unity-webgl-transform

        下载插件:

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        导入工程:

        点击Assets -> Import Package -> Custom Package, 再选中下载好的插件,打开。然后再Improt Unity Package 窗口中全部选中,点击右下角的Import按钮,将插件导入工程。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        导入后的工程:3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        此时,在顶部菜单栏上我们也能看到多出一个微信小游戏标签。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        4.5 配置Auto Streaming

        点击Windows → Auto Streaming,打开Instant Game 窗口,点击Scene Streaming标签,点击Sync Scenes 按钮,导入使用的scene,点击Generate ABs按钮,生产ABs. 3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        切换到cf & publish 标签,勾选 Use AutoStreaming,填写Uos App Id 和 Uos App Secret.Uos App Id 和 Uos App Secret需要在 Unity Online Server 平台获取。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        4.6 配置UOS CDN服务

        Unity小游戏AutoStreaming功能默认使用UOS CDN作为部署streaming资源的云服务器,分离的资源将被托管至 UOS CDN服务。UOS 在CDN基础上提供了便捷的云端资源的版本管理。

字段 描述
App ID UOS应用标识字符串;
App Secret UOS应用的认证密钥;该字符串作为上传UOS CDN文件的钥匙,请注意保密;
Bucket 文件桶,一个游戏对应一个bucket,利用UOS CDN资源版本管理和增量上传的优势可以提高开发效率;
release 发布版本,AutoStreaming每次上传文件到UOS CDN,都会创建一个云服务器文件的release;
Badge Badge作为release的别名,用于固定资源下载的url;每次发布小游戏新版本时,务必创建一个新的Badge使用
  • 前往Unity Online Service 首页,进入我的应用,点击 + 新建应用,创建一个名为 Endless_Runner 的项目,然后启用UOS(如已有 Endless_Runner项目可直接启用UOS)。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

  • 完成后网页将自动跳转到项目的概览页面,点击右侧的CDN 免费试用按钮开启CDN功能。

  • 从设置页面获取UOS App Id和Secret并填写到Cfg & Publish窗口的对应输入框中 ,完成后单击左栏Refresh按钮拉取Endless_Runner的Bucket/Badge 信息。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

  • 选择或者创建新的Bucket/Badge 并使用。在这里Endless_Runner是一个新建的项目,当前并不存在bucket和badge,因此我们新建一个名为Endless_Runner的bucket,并在该bucket下新建一个名为v1的badge。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

UOS CDN会为每一个Bucket自动生成一个名为latest的badge,每次上传文件,该badge位置都会自动更新,始终指向最新的资源版本,因此不要在提交给小游戏平台的版本中使用latest,以免后续资源更新时影响已发布版本。

        4.7 导出微信小程序项目

        点击菜单栏 “微信小游戏”->"转换小游戏", 打开微信小游戏转换工具面板。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

        

在这里有以下几个参数需要填写:

  • 游戏appid: 可从微信小游戏开发工具里获取测试appid,或点击register去申请正式appid
  • 游戏资源CDN: 游戏资源CDN根目录。使用AutoStreaming自动填充,其余情况需填写
  • 小游戏项目名称: 导出的微信小游戏项目名称
  • 游戏方向:横竖屏,根据游戏画面选择
  • 导出路径: 生成微信小游戏工程的位置,后续步骤需要打开其中的小游戏目录

        此处,我们的填写如下,appid 我们在微信小游戏开发工具里使用测试的appid就好,此次留空。

3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d        配置好后,点击右下角 “生成并转换”按钮,转换开始。转为完成后,在我们指定的导出路径下就生成了微信工程项目。

五、 微信开发工具安装

前往微信官方网站下载微信开发者工具(小游戏版), 并安装到本地PC上。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

六、导入微信项目

       打开安装好的微信开发工具,选择左侧小游戏标签,点击右上方“导入”选项,选择前面导出微信项目(注意:是minigame文件夹,不是webgl文件夹),APPID我们使用测试号,完成后点确定。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

         如果编译正确,你会看到我们的游戏已经可以在模拟器上炮起来了。3D 小球跑酷发布微信小程序,Unity 3D 开发案例,3d

六、结束语

         本教程简单介绍了怎样将一个Unity项目导出为威信小游戏,通过本教程,相信对应初级想把自己的游戏转换成微信小游戏的同学们有所帮助。文章来源地址https://www.toymoban.com/news/detail-772903.html

到了这里,关于3D 小球跑酷发布微信小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序发布上线全流程(注册/开发/上传审核)

    以下是微信小程序发布上线的详细流程: 确认小程序信息:在微信公众平台注册并登录后,进入小程序管理后台,在“开发”-“开发设置”中填写小程序基本信息和配置,包括小程序名称、图标设计、类目选择等。此外,需要在小程序管理后台中配置小程序服务类目和资质

    2024年02月10日
    浏览(75)
  • uniapp开发笔记----发布成微信小程序体验版本

    之前有用过微信小程序原生开发,后来面试时候都会问uniapp,最近有空有研究下uniapp,项目0-1开发流程笔记,主要内容如下,中间可能会有修改。 1. 创建项目 文件-新建-项目,选一个你想要的模版或者不选 2. 开发页面 项目配置 写一个首页布局 3. 打包成微信小程序 打开微信

    2024年04月23日
    浏览(38)
  • uni开发的代码发布微信小程序提示包太大,打包失败

    问题:打包失败,百度的解决办法说是图片资源太大,图片资源全部改为线上了,但还是打包失败;还有一种解决办法是分包,将tabbar中的主页面放到主包中,其他放到一个文件夹中,官方也有这种解决方法,但是试了试还是不行,可能操作有误,但下面这种方法打包成功了

    2024年02月13日
    浏览(37)
  • 【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)

    需要源码和资源文件请点赞关注收藏后评论区留言私信~~~ 下面我们将实现一个3D游戏 跑酷小子 类似于之前大火的神庙逃亡 效果展示和代码在文章末尾 下面为实现步骤 在项目开始前 需要新建项目 将模型资源导入 模型资源存放在资源文件夹中 新建项目 注意选择3D模板 导入后

    2023年04月14日
    浏览(40)
  • 将发布的h5页面转换成微信小程序,无需重新开发,操作超级简单!

    使用到的技术为 uniapp 和 web-view 首先,我们先来了解一下web-view是什么: 简单的一句话来讲: web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。 web-view的各类属性值: 第一步:使用HBuilder创建一个uniapp项目,没有

    2024年02月09日
    浏览(51)
  • 使用微信开发工具开发微信小程序(二)——协同工作、发布与事件绑定

    1.了解项目成员的组织结构 2.小程序开发流程 3.不同项目成员的权限 4.开发者权限 开发者权限 :可使用小程序开发者工具及对小程序的功能进行代码。 开发体验者权限 :可使用体验版小程序。 登录权限 :可登录小程序管理后台,无需管理员确认。 开发设置 :设置小程序服务器

    2024年02月09日
    浏览(123)
  • Unity 3D 设计小球酷跑游戏

    1. 分别创建有关Folder(Materials、Prefabs、Scenes、Script) 2. 创建小球Player()、Walls(WallUp、WallDown)。 3D Object Sphere (更改名为Player) 3D Object Cube (更改名为WallUp) 3D Object Cube (更改名为WallDown) Create Empty 更改名为Walls,并把WallUp、WallDown拖入到Walls子目录下。 3. 为Player添加组件(Add Compon

    2024年02月08日
    浏览(39)
  • 微信小程序发布图文代码

    这是第三个版本了。 通过promise异步实现发布多个图片,具体要发布图片,前端和js都需要改数量限制,最大值为9。 发现之前的方法已经过时,能用就行我也懒得换了,关于图片上传过大,影响上传速度以及主页展示渲染速度,影响体验,所以我加了一个压缩的方法。 小程序

    2024年02月16日
    浏览(35)
  • 微信小程序发布详细步骤

    运行微信开发者工具 == 点击详情,选择性能分析,进行代码质量的扫描。 把未通过的部分改改。 点击上传 == 填写版本号,项目备注 == 点击右下角上传即可 登录微信公众平台 == 选择小程序,找到管理,版本管理 == 找到开发版本,然后提交审核 这个界面的信息可以读一下

    2024年02月08日
    浏览(45)
  • 微信小程序 -订阅发布模式

    图形展示: 代码展示: 1. 安装模块 pubsub-js 2. 导入模块(在需要订阅发布的 js 页面内进行导入) 注:在微信小程序中无法直接npm 下载 导入 的(安装一个就需要构建一次) 解决: 菜单栏 -- 工具 --  构建 npm   点击即可(会出现新的目录) 详情页: 1. 绑定两个事件,用于

    2024年02月04日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包