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

本文由云+社区发表 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

Egret的性能优化不知道在哪里啊,主要参考Laya的性能优化,都差不多 一.性能统计面板 index.html页面设置data-show-fps=true打开性能面板 性能统计面板说明 Egret没有内存占用查看,F12浏览器中Memory查看内存占用 二.内存优化 1.对象池 减少了实例化对象时的开销,且能让对象反复使用,减少了新内存分配与垃圾回收器运行的机会 用了对象池后将减少程序的垃圾对象,有效的提高程序的运行速度和稳定性 我自己写的对象池 laya的对象池 还是laya的精简... /

版本: LayaAir IDE 2.0.1beta laya.core.js ___Laya ColorUtils LayaGLQuickRunner DrawTextureCmd Point ColorFilterAction GraphicsBounds EventDispatcher Handler Const Graphics CacheManager Event SpriteConst Byte FontInfo Mouse Utils Ease System Filter ClipR

LayaAir是LayaBox推出的Html5游戏引擎,支持 ActionScript3.TypeScript.JavaScript,开源,并且商用免费.   LayaAir IDE 是一款使用LayaAir 引擎来开发应用,游戏的集成开发环境.   LayaAir IDE 下载地址: http://pan.baidu.com/s/1i5yKPpV;   新建项目:      项目名称:Test      项目路径:C:\Users\FanXiaying\Documents\LayaProjec

作者:ManfredHu 链接:http://www.manfredhu.com/2018/03/15/31-laya-game-tips/index.html 声明:版权所有,转载请保留本段信息,谢谢大家 LayaBox Web前端最近都在跨界!!现在又伸手到游戏领域了.但是真的那么好跨界吗?请让我一一道来. Canvas和WebGL的出现其实让Web游戏有了实现的可能,但是让我们用ctx一个个画,效率还是低了点,所以需要游戏引擎.它帮助我们去动态渲染游戏每一帧的元素. 业界比较著名的几个H5

第一是性能统计工具,这是LayaAir引擎内置的性能统计工具,在代码加入Laya.Stat.show(); 引擎内置的性能统计工具 打开这个工具后,可以用于观察性能,除了FPS越高越好外,其它的值越低越好.这里尤其要关注DrawCall数量,这是重要的优化指标,尽量要控制在100以下. 第二是DebugPanel调试工具,这也是LayaAir引擎自带的调试工具,类似DIV调试窗口,可审查页面中的各个子元素,通过查看与修改元素属性,以及查看重绘区,可以方便项目的优化与调试.在初始化舞台后通过Deb

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

Laya 类列表加载优化 @author ixenos 类列表:在一个页面展示的大量的零散单元的集合(聊天面板.背包) 一.按展示优化1.展示内容少,即使大量数据,但用户只看到少量信息的时候,考虑按需加载2.展示内容多,此时不仅要按需加载,还要在渲染时进行分帧优化(或者多线程) 二.实例分析1.聊天面板(1)单页展示内容少,按需加载2.背包(1)单页展示内容多,按需加载,分帧优化

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

CleanData是什么 CleanData以前没有特定的名字,(在easydown这个开源项目中,作为一个GameObjParser模块存在).在某三国项目中,我们使用GameObjParser将NGUI 的预设保存为自定义格式(替代了assetbundle方案),以实现不论任何平台都可以使用同一份资源.在easydown的演示中GameObjParser也将一个简单的模型场景保存为自定义格式并加载.so.CleanData是想去做AssetBundle的工作,但是格式是我们自定义的,细节更透

目录 09: 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏 09: 前端图片 类型 & 优化 & 预加载 & 懒加载 & 骨架屏 这是一篇关于在前端开发中 与图片相关的一些常见问题,回想一下,我们在日常的开发过程中前端与图片打交道的次数可以说是比所有开发职位都要多吧.特别是在 nodeJs 盛行以后. 从我们最开始学习前端的那一天,我们是不是认识了 一个叫 <img /> 的 标签,这个标签的 src 属性可以引用

案例:使用 现已经在支付的项目使用 用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验   Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容.常用于文章列表.动态列表页. 请求处理 无论是PC端还是移动端,只要有数据请求都会出

本文由云+社区发表 使用一个简单的游戏开发示例,由浅入深,介绍了如何用Laya引擎开发微信小游戏. 作者:马晓东,腾讯前端高级工程师. 微信小游戏的推出也快一年时间了,在IEG的游戏运营活动中,也出现了越来越多的以小游戏作为载体运营的活动类型,比如游戏预约,抢先试完等等,都收到了非常良好的效果. 在支持微信小游戏的游戏引擎中,Cocos,Egret,Laya都对小游戏的开发提供了很多强大的支持.前段时间正好抽空研究了一下这块的内容,现做一个总结,针对如何使用Laya引擎开发微信小游戏给大家做一下

1.并行和强制走索引的用法 SELECT/*+parallel(T 16) parallel(B 16) parallel(D 16)*/ T.POLICY_NO, T.DEPARTMENT_CODE, T.PLAN_CODE,   FROM EPCIS_AUTO_POLICY_BASE_INFO T ,        EPCIS_AUTO_POLICY_VEHICLE_INFO B,       EPCIS_AUTO_A_PRE_MID_RESULT D WHERE T.POLICY_NO =

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

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

开发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开源免费游戏框架

施主分享随缘,评论随心,@author:白袍小道 小道暗语: 1.因为小道这里博客目录没自己整,暂时就用随笔目录结构,所以二级目录那啥就忽略了.标题格式大致都是(原or转) 二级目录 (标题) 2.因为所看和以前记录太过杂乱,所以只能手动一点点搬移(回忆,整理).欢迎讨论,知识和能力总是被问出来了不是(嘿嘿,这样才能成长), 若有不对别喷就好哈哈. 引言: 文章四方面包括了从游戏线程.渲染线程.GPU.内存等的优化,提升游戏技术底子. 原作者:王祢,Epic Games 资深开发者技术支持,管理

用户体验一直是前端开发需要考虑的重要部分,在数据请求时常见到锁屏的loading动画,而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代,以优化用户体验. Skeleton Screen Skeleton Screen(骨架屏)就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容.常用于文章列表.动态列表页. 请求处理 无论是PC端还是移动端,只要有数据请求都会出现一定的延迟时间,之前对于这段等待时间