Egret 微信小游戏开发笔记(一)

       随着H5开发的普及,使用Egret开发小游戏也变得更加方便。相较于WXML,个人觉得ts语言编写更加简单,所以觉得学习下Egret小游戏的开发。虽然此时入坑有点晚了,但是总不算太落后吧。记录下自己学习的过程,方便以后随时查阅。

       首先是选择创建一个Egret 游戏项目(顺便提一下,Egret并不是所有引擎版本都支持小游戏开发,所以最好是将引擎升级至最新版本,我这里用的是5.2.21版本)。这里如果选择微信小程序的话,就是创建了一个微信小程序工程,跟微信开发者工具创建的小程序工程一样,这样相当于还是要用WXML模板开发,就不需要我们使用Egret开发了。所以这里要创建一个Egret 游戏项目:

        然后设置并创建游戏工程,扩展库根据自己的需要添加,也可以之后配置:

        此时我们是创建了一个可以运行在web环境下的Egret游戏项目,我们可以直接调试看到熟悉的Egret demo结果。要得到微信小程序工程,我们只需要选择发布为微信小游戏即可:

       这里的AppID暂时缺省(使用默认值),填写项目名称,然后确定发布:

       这时如果点击“使用微信开发者工具打开”,会发现根本没有什么反应(即使是微信开发者工具已经处于打开状态,也不能成功打开工程)。我们打开上面的Egret工程路径,可以看到,该路径下确实生成了名为“weixin_helloworld_wxgame”的微信小游戏项目:

我们可以先打开微信开发者工具(开发者账号申请以及微信开发者工具下载等,请自行参考微信小程序开发者文档:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/),然后导入刚才的生成的小程序工程:

 终于看到了我们期望看到的界面:

       接下来我们按照Egret官方给的微信小游戏开发文档(http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/tutorial/index.html)说明的,“在 wing 编辑器中,修改 egretProperties.json 配置文件中的 target 对象的 current 属性为 wxgame,然后点击调试按钮,会自动打开 微信开发者工具”,会发现并不能打开微信开发者工具,而是得到需要安装最新微信开发者工具提示的错误:

我们尝试在终端里执行开打微信开发者工具的命令:egret run --target wxgame

回车执行之后,可以看到错误提示:

从错误提示可以看出,应该是我们的开发者工具服务端口未打开。我们打开微信开发者工具,点击左上角的设置,并在弹出框中选中“安全”,最后选择开启服务端口即可:

 此时我们再在终端中执行启动微信开发者工具的命令,会发现,当前游戏工程成功在微信开发者工具中打开了!

       不过从开发者工具的控制台可以看到以下警告:

微信小游戏的整体包不能超过8M,Egret的3个库就占用了1M多。所以,我们可以用Egret提供的命令去压缩一下。在终端执行以下代码:egret publish --target wxgame;然后等再次编译好,就可以看到已经没有之前的警告了:

      这里还是有个问题,就是用Egret Wing直接调试,确实可以直接编译更新到微信开发者工具中打开,但是在Wing中一直提示安装最新的微信开发者工具。这个问题还没有找到原因,估计是Egret Wing编译器的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值