随笔分类 -  Egret入门到项目实战

公司要做微端h5游戏,让我们从入门开始,逐渐成为大牛吧~
Egret-p2js的引用
摘要：在Egret中使用p2js需要在egretProperties.json中配置 step 1: 将下载好的p2js (egret-libs: https://github.com/egret-labs/egret-game-library) 放入当前项目的libs目录下 ├─libs │ ├─mod 阅读全文
posted @ 2020-05-21 09:16 前端法师 阅读(323) 评论(0) 推荐(0)
Egret-p2js学习(1)
摘要：P2.js框架是一个基于javascript语言编写的2D物理引擎 1、官方API文档：→ 传送门 2、官方中文wiki：→ 传送门 一、核心概念 1、Shape（形状），一个几何形状，可以是矩形、圆形等等 2、Body（刚体），他是一块无限坚硬的物体，因此，在这块物体上任何两点之间的距离都被认为是 阅读全文
posted @ 2020-05-20 10:38 前端法师 阅读(475) 评论(0) 推荐(0)
Egret-exml动画效果 之 动画播放完成回调无效
摘要：需求: 当 finish 播放完成后 改变素材 再播放Show 实现: this['finish'].play(0); this['finish'].once(egret.Event.COMPLETE, () => { this.upStars(v); // 更换素材 this['image'].v 阅读全文
posted @ 2020-04-17 15:55 前端法师 阅读(534) 评论(0) 推荐(0)
Egret--龙骨动画导致的内存溢出
摘要：内存溢出: 在Egret中定义为 变量引用导致实例对象的引用计次不能清除 结果就是 内存随着时长递增 在这次我的实战项目中,使用了多个龙骨动画, 总数应该是3*20个 项目完成,实际测试时发现 内存占用从10M左右一直涨到150M左右,并且FPS也持续下降 使用chrome的内存测试工具 ↓这是调试 阅读全文
posted @ 2020-04-15 09:44 前端法师 阅读(1078) 评论(1) 推荐(0)
Egret 组件顺序排列时的 drawCall 优化思路
摘要：竖屏项目中 垂直排序,或者 横向排序 的scoller 或者 list 组件可用 思路 : 滚动过程中, 超出 用户可视区域的部分 组件进行掩藏, 滚动到可视区域前后一定范围再进行显示 滚动事件: this.MainList.addEventListener(eui.UIEvent.CHANGE, 阅读全文
posted @ 2020-04-14 11:54 前端法师 阅读(1003) 评论(0) 推荐(0)
Egret-获取网络图片并展示
摘要：获取网络图片 /**获取头像图片 */ let imgLoader: egret.ImageLoader = new egret.ImageLoader(); egret.ImageLoader.crossOrigin = "anonymous"; imgLoader.load(v); imgLoa 阅读全文
posted @ 2020-03-28 17:14 前端法师 阅读(651) 评论(0) 推荐(0)
Egret-数据驱动UI单向数据绑定的实现
只有注册用户登录后才能阅读该文。
posted @ 2020-03-28 16:11 前端法师 阅读(22) 评论(0) 推荐(0)
Egret 滚动背景图的实现
摘要：最终的示例: 实现思路就是两张图的一个循环调换位置的过程 A/B其中一张超出视图区域就立刻调转位置 向左侧移动 A向后移动 对于timer和帧事件的选择: TimerEvent.TIMER，从Timer的参数就可以看出来，当一个函数执行完成后再Delay多久。 所以如果针对每一帧进行操作的话，最好用 阅读全文
posted @ 2020-03-27 14:38 前端法师 阅读(832) 评论(0) 推荐(0)
Egret-我的疑问:Scroller如何禁止水平或垂直方向滚动
摘要：exml中: scrollPolicyH设为off，表示水平方向不可滚动，且不显示滚动条 scrollPolicyV设为off，表示垂直方向不可滚动，且不显示滚动条 ts: 阅读全文
posted @ 2020-03-26 15:47 前端法师 阅读(933) 评论(0) 推荐(0)
Egret-我的探索:exml自定义组件中通过ID获取子组件实例
摘要：可以看到,在exml编辑器中我们给UI组件添加了ID属性; 之后在对应的 ts文件中使用这个组件 namespace ui { export class GameCtrl extends eui.Component { constructor() { super(); this.skinName = 阅读全文
posted @ 2020-03-20 11:41 前端法师 阅读(1001) 评论(0) 推荐(0)
Egret-我的疑问:自定义组件加载skin的操作
摘要：我尝试将自己绘制的tabbar封装为自定义组件使用 // TypeScript file namespace ui { export class GameTab extends eui.Component { private checklist; constructor() { super(); t 阅读全文
posted @ 2020-03-20 11:10 前端法师 阅读(735) 评论(0) 推荐(0)
Egret事件冒泡的应用
摘要：在web前端开发中,利用事件冒泡能够达到减少事件绑定的目的. 学习egret,发现egret同样支持事件冒泡机制 下面为案例: 共有五个按钮需要绑定事件,我们可以给整个栏目绑定事件,利用事件冒泡,分别做出不同的操作: 例如: //给外层父元素绑定点击事件 this.addEventListener( 阅读全文
posted @ 2020-03-20 09:48 前端法师 阅读(567) 评论(0) 推荐(0)
Egret分步加载资源改写loading界面
摘要：第一步: (在配置文件default.res.json中)先确定好分步加载资源的资源列表,将loading界面所需要的资源区分出来. 第二步:(在脚本入口文件Main.ts中)修改资源加载顺序以使用loading界面所需的资源! private async loadResource() { try 阅读全文
posted @ 2020-03-19 09:54 前端法师 阅读(514) 评论(0) 推荐(0)