laya Skeleton 事件

2026-08-13

laya的skeleton骨骼动画事件响应问题

创建skeleton节点并绑定MOUSE_DOWN事件后,却始终无法响应.经测试发现如下: skeleton节点在load结束后,其bounds反映了总体的宽高,但是width与height却为0,而sprite(skeleton继承自sprite)却是以width与height来作为事件响应区域的.而单纯的sprite结点是没有这个问题的.因此将bounds.width与bounds.height重新赋值给skeleton节点,但是又出现了新的问题. 调用nodeSkeleton.graphi

Laya鼠标事件阅读

点击事件核心类:MouseManager和TouchManager. MouseManager负责收集相关事件,进行捕获阶段和目标阶段. TouchManger负责处理和分发事件,进行冒泡阶段. 捕获阶段:此阶段引擎会从stage开始递归检测stage及其子对象,直到找到命中的目标对象或者未命中任何对象: 目标阶段:找到命中的目标对象: 冒泡阶段:事件离开目标对象,按节点层级向上逐层通知,直到到达舞台的过程. 事件是由Canvas(浏览器控件等)发起,在MouseManager中注册处理. Mo

Laya 中缩放的实现

Laya 缩放功能的实现在 laya 中实现滚轮对选中对象的缩放,涉及到以下两个模块: 事件容器坐标 1. 事件在 Laya 中, Event 是事件类型的集合.包含了常见的鼠标事件.键盘事件. 1.1 事件的触发触发一个事件,需要设置一个事件接收区域. 如若未明确指定事件,事件触发默认是冒泡模式.从子节点开始依次向父节点查询,直到找到绑定了指定事件的容器后结束. 在对容器进行绑定时有下面两种方式: 方法一:根据事件对象获取(不推荐使用) mySprit.on(Laya.Event.

Laya的动画制作，整图动画，序列图动画，时间轴动画，龙骨动画

参考: Laya动画基础 Egret帧动画工具类版本:2.1.1.1 序列图动画白鹭的序列图动画,使用TexureMerger合图,然后使用MovieClip类播放. Laya的话,使用图集打包工具合图,然后使用Animation类播放. 一个泡泡爆炸的序列图 laya右上角选择工具,图集打包. 选择动画的父文件夹,后缀选择atlas,点击确定. 打包生成pao0.atlas和pao0.png 将动画文件atlas和png放入laya项目assets/anim文件夹下,并在代码中加载使用 p

laya入门及egret

laya篇 1.laya的资源会自动打包可手动设置,在view编辑界面 2.laya的界面编辑器用的是mornUI,所以是xml解析成view的 3.laya的事件均继承dom事件 4.sprite的宽高默认为0,所以监听不到任何事件,只能通过size更改宽高,或设置autoSize=true,或设置hitArea点击区域方式 5.laya创建视图流程编辑界面新建ui页面CommonView->F12导出->新建类继承CommonView,注意在layaUI.max.all.ts文件里会自动添

spine骨骼动画组件使用详解

1. spine骨骼动画工具骨骼动画: 把动画打散, 通过工具,调骨骼的运动等来形成动画spine是一个非常流行的2D骨骼动画制作工具spine 动画美术人员导出3个文件: (1) .png文件:动画的”骨骼”的图片集; (2).atlas文件: 每个骨骼在图片集里面位置,大小; (3).json文件: 骨骼动画的anim控制文件,以及骨骼位置等信息;骨骼动画导入: 直接把三个文件拷贝到项目的资源目录下即可;使用骨骼动画 2种方式: (1) 直接拖动到场景; (2

Kinect 开发 —— 语音识别（下）

使用定向麦克风进行波束追踪 (Beam Tracking for a Directional Microphone) 可以使用这4个麦克风来模拟定向麦克风产生的效果,这个过程称之为波束追踪(beam tracking) 界面上的细长矩形用来指示某一时刻探测到的说话者的语音方向.矩形有一个旋转变换,在垂直轴上左右摆动,以表示声音的不同来源方向. <Rectangle Fill=" RenderTransformOrigin="0.5,0"> <Rectangl

JNI详解---从不懂到理解

转载:https://blog.csdn.net/hui12581/article/details/44832651 Chap1:JNI完全手册... 3 Chap2:JNI-百度百科... 11 Chap 3:javah命令帮助信息... 16 Chap 4:用javah产生一个.h文件... 17 Chap5:jni教程(very very good) 19 Chap6: JNI传递返回值... 26 15.2.2.3 传递字符串... 28 15.2.2.4 传递整型数组... 29 15

使用Laya引擎开发微信小游戏（下）

本文由云+社区发表 6. 动画 6.1 创建伞兵对象在src目录下创建一个新目录role,用来存放游戏中角色. 在role里创建一个伞兵Soldier.ts对象文件. module role{ export class Soldier extends Laya.Sprite{ constructor(){ super(); this.init(); } init():void{ var img:Laya.Sprite = new Laya.Sprite(); img.graphics.draw

Laya学习

IDE安装 https://www.jianshu.com/p/88fa76a5becc npm uninstall -g typescript npm install -g typescript@2.1.5 https://ldc.layabox.com/doc/?nav=zh-as-0-3-0 http://m.blog.csdn.net/xiaoya_88/article/details/50537399 用html5 js实现浏览器全屏 https://www.cnblogs.com/j

Laya资源加载小记

Laya.Loader负责资源的加载逻辑,被LoaderManager管理. Laya支持多种类型资源加载,也支持自定义类型加载.不同类型的加载方式可能不同. Laya.Loader缓存已经被加载过得资源,减少资源重复加载. 提供清理资源接口,由LoaderManager封装接口. 部分资源加载包含多步加载,如Atlas和Font都包含文本下载和图片下载. 注意:Laya.loader是LoaderManager的实例,是Laya对外的通用加载接口.Laya.Loader由LoaderManag

Laya LoaderManager小记

LoaderManager 类用于用于批量加载资源.此类是单例,不要手动实例化此类,请通过Laya.loader访问.全部队列加载完成,会派发 Event.COMPLETE 事件:如果队列中任意一个加载失败,会派发 Event.ERROR 事件,事件回调参数值为加载出错的资源地址. LoaderManager 类提供了以下几种功能: 多线程:默认5个加载线程,可以通过maxLoader属性修改线程数量: 多优先级:有0-4共5个优先级,优先级高的优先加载.0最高,4最低: 重复过滤:自动过滤重复

开发H5游戏引擎的选择：Egret或Laya？

开发H5游戏引擎的选择:Egret或Laya? 一.总结一句话总结:选laya吧二.开发H5游戏引擎的选择:Egret或Laya? 一.H5游戏开发的引擎介绍开发H5游戏的引擎有很多,比如egret.laya.cocos-js等等.这里主要是分析的是egret和laya,因为我们团队是从as3转过来的.所以天然地在有as3基因的egret和laya之中挑选一个. Egret Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架

Laya List翻页滚动方案 & List滚动源码解析

Laya List翻页滚动方案 & List滚动源码解析 @author ixenos 2019-03-29 1.List翻页滚动方案 /** * 计算下一页的起始索引, 不足时补足 * @param direction 0 for pre, 1 for nex , @author ixenos 2019-03-29 */ private function btnScrollControl(direction:int=0):void{ if(direction==0){ var minusRes

Laya 分帧加载优化

Laya 分帧加载优化 @author ixenos Flash中的EnterFrame事件在Laya中等同于Laya.timer.frameLoop(1,...) Laya.timer.frameLoop(1, this, onFrame); var curIdx:int = 0; var st:Number = 0; var tLimit:Number = 1000/Laya.timer.currFrame*0.25;//最大时间不超过一帧所需时间的25%(可调整) function onF

简单实现骨架屏（Skeleton Screens）

近年,国内外各大网站都引入骨架屏(Skeleton Screens)技术来提高用户体验.相比于之前的Loading动画,骨架屏页面更容易让用户产生一种错觉,页面快加载完了.骨架屏实现原理很简单,就是通过占位线框元素,渐进式加载数据. PS:骨架屏占位应用最早可以追溯到图片懒加载. 实现骨架屏方式很多,以下是web端最简单实现骨架屏的方式. <!DOCTYPE html> <html> <head> <meta chars

Spine学习四 - 在动作上绑定回调事件

Spine事件特性: SpineEvent(string startsWith = "", string dataField = "", bool includeNone = true, bool fallbackToTextField = false) 这个特性,可以让你在unity的inspetor中直接可以选取当前skeletonAnimation中的 event名字,效果如下: [SpineEvent(dataField: "skeletonAni

Laya 小游戏通用框架设计理念

当前在用laya做小游戏开发,做了几个项目,总结了一下游戏中所需要的一些模块,大概理了一下,然后写成一套自己习惯使用的框架总结了一下其中的模块大概要分为一下模块 1.Base 模块存放一些基类,以供后续继承开发使用如单例的基类 2.Asset 资源加载模块用于laya 加载资源 3.DataNode 数据缓存模块,用于储存游戏中所产生的数据 4.Effect 特殊效果模块用于对接设备硬件的一些信息 5.Event 观察者事件模块用于游戏内自定义事件的监听

laya fgui 超简单的UI框架

FairyGUI 超简单的UI框架 Laya使用fgui的超简单UI框架使用场景:用于使用fgui进行layaUI开发的程序人员整个框架分为3个模块,共有4个类: FGUIManager :FGUI的管理类,继承于IUIManager 负责所有UI的打开关闭等事项 FUIBase :UI的管理基类,具体实现 IUIManager :FGUI的接口类规定管理类的各个方法 UILayerType: UI 层级分类 FGUIManager管理类 import IUIManager from ".

JS事件冒泡与事件捕获怎么理解?

在js中存在事件冒泡与事件捕获两种概念,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题. 事件冒泡(dubbed bubbling) 事件冒泡我们从字面意思理解就是当用户行为触发我们页面的定义好的事件后,会有一个由内到外的一个冒泡过程,而不是一下子就命中事件绑定的元素事件捕获(event capturing) 事件捕获与冒泡恰恰相反,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素

laya Skeleton 事件

热门专题