Skip to content

czkm/egret-farm

Repository files navigation

egret-farm

基于egret引擎开发的 h5农场游戏

仅个人学习使用

农场demo

本项目第一阶段已经基本开发完成,因为暂时没有和后台对接,所以均为前端展示,自己封装了一些http请求方法,可以使用。运行效果如下

  • image
  • image

本项目使用白鹭引擎(egret)开发 使用Typescript ,其中egret引擎已近对项目进行了封装 只需要修改部分的资源即可 image 本项目用到的egret相关程序

  • egretwing为项目编辑文件,继承开发环境,主要在这里相关代码 image
  • TextureMerger 为项目制作帧动画和字体相关操作
  • Egret Launcher egret引擎版本管理
  • ResDepot egret项目采用的资源管理方式

项目结构如下

  • image

创建加载页面 程序初始化loading页面 image 程序主方法入口 image

src下主要文件

  • common 全局组件
    • GameUtil 全局共用方法 封装获取舞台高度相关
    • GlobeEnum 全局枚举 设置土地,蔬菜,操作等相关状态
    • Https 封装异步请求方法
  • control_anim 浇水施肥等动画控制类
  • Farmland 农场土地类
  • Farmstart 农场基类
  • LoadingUI 自定义loading
  • Main 入口 通过new一个Farmstart来创建初始化场景界面

resource下主要文件

  • image 其中 assets和 eui_skins 下的目录为系统自带的egret相关事件的皮肤 可以给与保留或者删除

  • myskins 自定义皮肤文件夹

    • anim 动画皮肤
    • farm_land 农场土地皮肤
    • farm_start 农场背景图

anim

  • image 定义了一个浇水动画 可以通过control_anim中的Show_option_handle方法中的change_image来调用图标的变化完成浇水,施肥收获等动作 image

farm_land

  • image 定义土地状态 定义了浇水,施肥摇曳和蔬菜收获 2个动画
  • image

其中蔬菜的品种和土地的状态通过Farmland类中的change_Landpic来改变土地状态,通过change_Caipic来改变土地上植株的变化,farm_land_area.text 来显示土地的相关面积

farm_start

  • image 该页面是整个项目的主要ui界面 大多为简单ui其中 有1个提示用户的动画
  • image 相关初始化操作在Farmstart类中调用初始化方法完成

About

🎮 基于egret引擎开发的 h5农场游戏

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published