如何使用egret开发微信小游戏(一)Hello World
微信小游戏上线以来,凭借微信海量的用户,取得了巨大的成功,从跳一跳到大家一起来滑水,从2d游戏到3d游戏,许多游戏开发者都赚的盆满钵满,我想通过几篇文章来给大家介绍下是如何开发微信小游戏的,希望帮助广大游戏开发者能进入H5小游戏行业中来,也欢迎大家吐槽(本文仅适合启蒙小白)。
2015年以来,h5游戏发展迅猛,各类游戏引擎也都铺天盖地而来,应用比较广泛的有Custrunct2,Phaser,PIXI,egret,cocos-creator,layabox,国内的引擎主要是egret,cocos-creator和layabox,各有各的优点,但也都有各自的坑。
为什么选择egret,主要是完全免费,工具较多,而且简单,个人认为对于没有h5编程基础的人容易上手,该教程主要讲egret开发的整个流程,后面我有时间会通过几个游戏是实战教程,给大家讲讲egret的开发。欢迎持续关注。
准备
1.egret官网:https://egret.com/
2.在官网下载Egret Launcher,下载最新稳定版本的引擎
3.下载安装微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
image.png
3.并在工具栏里安装4个主要工具,一般开发有这四个就够了
![]()
image.png
Egret Wing3:代码编辑的IDE
DragonBones:制作骨骼动画的工具(类似于spine)
Res Depot:资源管理工具(处理资源加载组,预加载资源,游戏主内容资源分组)
Texture Merger:图片资源的处理工具(动画,散图合并,位图字体的制作)
项目开发(本文不涉及具体代码,后面我再详细给大家介绍)
一.新建项目(可以使用Egret Launcher和Egret Wing3新建项目,任意选择一个)
1.使用Egret Launcher新建项目
image.png
2.使用Egret Wing3新建项目
文件-新建项目->Egret 游戏项目
image.png
image.png
二.项目结构介绍
1.资源包结构(resource),所有项目中用到的图片,音频,配置文件都放到resource目录下
image.png
2.代码包结构(src),所有项目代码都放入src目录中去管理
image.png
运行和编译发布项目
1.浏览器打开项目
image.png
最后:看效果
image.png
2.编译发布微信小游戏项目
最后我们把项目发布成微信小游戏项目,并在微信开发者工具上运行
再次启动Egret Launcher并选择项目中发布设置
![]()
image.png
image.png
image.png
image.png
3.微信开发者工具启动小游戏(调试和上传项目都需要该工具)
启动微信开发者工具-并添加之前发布的微信项目
![]()
image.png
选择之前发布的微信项目目录导入
![]()
image.png
![]()
image.png
总结:第一次写教程,如有不清楚的同学欢迎给我私信,后面我会不断更新我的教程,帮助大家共同进步。
下一篇我会主要讲下微信排行榜的开发和并和游戏部分通信,分享功能等
这个是我们的微信小游戏,欢迎吐槽
image.png