随笔分类 -  Egret-第一部分-基础学习

Egret-p2学习(2)
摘要：一、概念 P2只是一个算法库，以刚体为对象模型，模拟并输出物理碰撞、运动结果。这个过程通过持续调用world中的step()方法来实现 p2的单位是米,egret的单位是像素, 换算 1米=50像素 坐标系： p2的坐标系 x:从左往右,y:从下往上. (0,0)点在左下角. egret的坐标系 x 阅读全文
posted @ 2020-05-20 11:01 前端法师 阅读(280) 评论(0) 推荐(0)
Egret--拼接Rect实现用于新手引导的扣洞
摘要：这次的游戏项目需求与上次的不太一样 新手引导部分需要使用拼接Rect的方式实现 这种方式局限于只能扣出矩形的洞 还有一种比较麻烦的扣洞方法 用到的是 擦除+renderTexture的方式 可以用于扣出形状的洞 namespace Yui { export class GuideMask exten 阅读全文
posted @ 2020-04-25 10:12 前端法师 阅读(441) 评论(0) 推荐(0)
egrte-取消居中约束
摘要：实际测试时发现为horizontalCenter/verticalCenter 赋值为null不可行 this.touchBox.horizontalCenter = undefined this.touchBox.verticalCenter = undefined 赋值为undefined即可取 阅读全文
posted @ 2020-04-24 10:33 前端法师 阅读(279) 评论(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 组件顺序排列时的 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点击穿透(使遮盖可点击组件的其他组件禁止点击)
摘要：这种需求可以不需要代码的支持 如上图 下方的按钮被上层的Image遮盖,导致点击上面的Image无法触发按钮的点击事件 可以在上层Image的属性面板中找到touchEnabled这一属性改为false即可 另外 将这两个组件放在一个group中,我们再了解一下group的触摸属性: this.gr 阅读全文
posted @ 2020-03-20 09:00 前端法师 阅读(2002) 评论(0) 推荐(0)