Layabox引擎开发H5打地鼠游戏（一）

第一节构造打地鼠界面

创建项目并导入资源；
制作打地鼠界面；
加载资源并显示界面；

代码及相关资源下载

创建项目并导入资源

创建项目

本项目没有用到下图文件夹原有的组件，将图片全部删除
导入图片

制作打地鼠界面

切换到ui编辑界面

将背景拉到面板，选择水平居中和垂直居中

接下来要添加组件，为了避免进行了错误操作，建议把背景锁着

把老鼠拖动到洞里

对被揍的地鼠设置var为hit（如果图片叠在一起难以选中，可以先选择隐藏其他图片再进行操作）

对常态地鼠进行相似操作命名var为normal

将三个组件设置为一个容器box

加载资源并显示界面

导出代码（？）

导出生成的东西：

默认512*512 超过大小图片会显示不打包宽高可以自行修改

注意：两个目录可以修改不要随意修改路径要和index.html同级不然会读取不到资源

发布出来的资源要和index.html同级，否则会读取不到

LayaUISample.js

var LayaUISample = (function(){(function(){//初始化引擎Laya.init(800,600);//设置stage颜色Laya.stage.bgColor = "#ffcccc";//加载资源Laya.loader.load("res/atlas/comp.json",Laya.Handler.create(this,onLoaded),null,Laya.Loader.ATLAS);})();function onLoaded(){var game=new Game();Laya.stage.addChild(game);}
})();

Game.js

var Game=(function(_super){function Game(){Game.super(this);}//注册类Laya.class(Game,"Game",_super);return Game;
})(ui.GameUI);

按照创建目录、制作界面、导入资源的方法，在LayaUISample.js运用了comp.json，但本人实践的时候并没有生成json，存在一个comp.atlas，将它的路径名改了然后运行。

成功显示

Layabox引擎开发H5打地鼠游戏（二）地鼠的显示、停留、消失、受击

Layabox引擎开发H5打地鼠游戏（一）相关推荐

Kinect结合Unity3D引擎开发体感游戏（二）
这篇接着<Kinect结合Unity3D引擎开发体感游戏(一)>,时隔3个月才出这篇,在此期间还有不少机油们,要求出续集,期间在公司那边事情太多,一直帮公司前人做的项目擦屁股,到目前为止, ...
[Kinect]Kinect结合Unity3D引擎开发体感游戏
最近公司项目需要做科技馆的体感游戏,以前也没接触过游戏,虽然以前自己也是想做游戏,我想大部分都是学编程出来来做游戏,哈哈(请允许我淫笑一下,终于可以做这方面).虽然以前没接触过体感游戏,看到的体验也是 ...
Kinect结合Unity3D引擎开发体感游戏
Kinect结合Unity3D引擎开发体感游戏 1 最近公司项目需要做科技馆的体感游戏,以前也没接触过游戏,虽然以前自己也是想做游戏,我想大部分都是学编程出来来做游戏,哈哈(请允许我淫笑一下,终于可以 ...
Egret白鹭引擎开发微信小游戏之保存图片到相册
玩家在玩小游戏的过程中,很多时候想要保存一下当前的截图.或者保存游戏内精美的画面到相册,一方面是为了记录在游戏中的美好时刻,另一方面则是能够更好地和朋友们分享我在这游戏中获得的荣耀和快乐,因为我们就会 ...
小游戏开发小程序app游戏开发 H5小游戏开发
目前有很多人对小游戏的理解都不同,有的人认为小游戏是H5嵌入形式的,也有的人认为小游戏是就几兆的程序其实大家认为的都是正确的,没有任何问题.那么今天给大家讲下小游戏之间的区别 1.H5小游戏嵌入:这 ...
白鹭引擎开发H5游戏（项目结构）
孙广东 2016.12.8 http://blog.csdn.net/u010019717 主要使用 EgretWing (是白鹭扩展的 VisualStudio Code) 新建项目中选 ...
白鹭引擎开发微信小游戏： API 调用教程文档
如何在 Egret 中调用小游戏 API 在 Egret 中是可以直接调用小游戏的 API 的,这篇文档简要介绍如何在 Egret 中使用小游戏的 API. 新增 platform.ts 文件在 ...
白鹭引擎开发微信小游戏新手教程文档
开发环境准备 • Egret Launcher 1.0.32 以上版本(包括 1.0.32) • 白鹭引擎 5.1.2 以上版本(包括 5.1.2) • 准备最新版微信开发者工具.下 ...
使用Laya引擎开发微信小游戏（下）
本文由云+社区发表 6. 动画 6.1 创建伞兵对象在src目录下创建一个新目录role,用来存放游戏中角色. 在role里创建一个伞兵Soldier.ts对象文件. module role{exp ...

Layabox引擎开发H5打地鼠游戏（一）

第一节构造打地鼠界面

创建项目并导入资源

制作打地鼠界面

加载资源并显示界面

Layabox引擎开发H5打地鼠游戏（一）相关推荐

最新文章

热门文章

Layabox引擎开发H5打地鼠游戏（一）

第一节 构造打地鼠界面

创建项目并导入资源

制作打地鼠界面

加载资源并显示界面

Layabox引擎开发H5打地鼠游戏（一）相关推荐

最新文章

热门文章

第一节构造打地鼠界面