H5白鹭引擎游戏开发第一季

发布时间：2017-01-03 03:13查看次数：3438

H5白鹭引擎游戏开发第一季

         1.简单的小游戏---瓶子流水线~~

         知识点:图形界面,eui使用,点击事件.定时器等........占坑~~~     啊                  


        步骤如下:下载egret wang 3.5;

        下载地址:https://www.egret.com/products/engine.html


        创建一个基于EUI的demo项目:



2.删除resource 下的示例资源

 

3.点击默认的资源管理器

default.res.json


插入资料 主要要插入到默认分组中



5.创建自定义界面 egret里边叫皮肤 这个随便了~~~!

可视化傻瓜操作 真的很好用!

最后代码如下

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="Game" width="650" height="960" xmlns:e="http://ns.egret.com/eui" xmlns:w="http://ns.egret.com/wing">
    <w:Config id="159647f1db7"/>
    <e:Image source="bj_jpg" top="0" bottom="0" horizontalCenter="0" locked="true"/>
    <e:Image source="bj_jpg" x="288" y="0" anchorOffsetX="0" width="95"/>
    <e:Label id="chukou" text="出口" x="305.5" y="0"/>
    <e:Group id="shu" width="92" height="960" x="289" y="33" anchorOffsetX="0"/>
</e:Skin>




6.创建一个游戏对象在src里边

   我这里创建一个游戏主逻辑 gamestart 一个圣诞树下落结构 tree

代码如下:

src.zip







整体代码

EUI测试.zip

学习到知识点:如何快速制作界面,枚举类型,事件绑定(touch_begin,touch_move,touch_end touch_tap),以及定时器

egret.StartTick

egret.Point(); 坐标点

egret.Rectangle() 盒模型

以及Rectangle.containsPoint() 包含坐标点计算

明天继续深入消化这些界面引擎的动作以及业务逻辑.....




                                  2017年1月4日00:03:04                杭州                   德玛西亚

                                    惟进步不止步           加油!