Git Product home page Git Product logo

egret-farm's Introduction

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类中调用初始化方法完成

egret-farm's People

Contributors

czkm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

egret-farm's Issues

你好

这个项目还有在更新吗,可以提供一下调用接口的文档吗

数据内容

这个接口返回的数据内容能列下吗?https://www.easy-mock.com/mock/5c6cb28f241b092e864e1528/get ![Uploading image.png…]() data

项目合作

有个类似项目,需要你协助下,必谢(QQ:44456743)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.