参考: 性能统计面板介绍 版本2.1.1.1 调试面板 Laya有两个调试选项,编辑模式F9. 第一个调试模式,除了调试面板,还有一个查看当前舞台对象的面板.类似白鹭的Egret Inspector. 平时用白鹭,也不会经常使用Egret Inspector. 第2个帧率统计面板.就只有右上角的调试面板了. FPS  帧速/每帧渲染消耗时间 Sprite  渲染节点数量(显示对象数量,包含容器) RenderBathes   canvas图像绘制次数:webgl渲染提交批次 SavedRende

因为我之前是用Egret的,Egret是场景皮肤HomeSceneSkin.exml,然后在场景代码HomeScene代码中为该场景赋值皮肤this.skinName = "HomeSceneSkin". 就可以UI和代码结合使用. 在Laya教程中没找着UI和代码如何使用,萌新啊. 一.新建一个页面HomeScene.ui 在UI编辑中创建一个页面类型为View的界面 创建了一个主页HomeScene场景,并拖动了一个Button组件到场景中,ID和label设置为“Test&quo

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

Image Image是Laya的一个UI组件,继承自Component. Image.bitmap属性,是AutoBitmap类型:AutoBitmap继承自Graphics,负责处理图片九宫格逻辑.AutoBitmap与Bitmap没有继承关系. AutoBitmap.source 是Texture类型,是Image.skin对应的图片. Image.source指向的就是AutoBitmap.source,类型为Texture. Texture Texture 是Laya对图片类型的封装,

拼图的空隙. Egret也有拼图的空隙.比如制作飞机游戏,背景拼接轮换着下移,有明显的缝隙.用TextureMerger可以解决. 看了下Laya.可以设置repeat. 编辑模式,图片上右键,设置默认属性,图片类型

参考: 官网教程-位图字体的制作与使用 一.下载字体并安装字体 从站长字体下载了液晶数字字体,将TTF文件拖入C盘windows/Font文件夹,则字体会自动安装 二.下载字体制作工具 Bitmap Font Generator 三.使用字体制作工具导出fnt和png字体文件 这部分看Laya官网教程,链接在本文开头处. 导出后获得fnt和png文件,工具默认导出png是lcd_0.png 做两处修改: 1. lcd_0.png重命名成lcd.png. 2. lcd.fnt文件里的lcd_0.p

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

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

想实现一个简单的滚动容器.例如水平排列10个图标,可以左右滑动查看的. Egret里有布局容器可以滚动 Laya看了教程和示例,没有找到一个滚动容器,只有一个list,需要设置item,显然不是我想要的简单水平滚动容器. 示例教程里没有滚动容器的示例 组件教程里也没有滚动容器,也没有垂直和水平布局容器. 最后找到了panel+hbox组合成水平滚动容器 一   拖动一个panel和hbox到舞台,并且在hbox里放图片 二  设置panel滚动条和hbox的space 如果不设置panel的滚动

Egret中是obj.hashcode Laya中是obj["$_GID"]

参考: Laya项目发布详解 Laya2.0 内嵌模式.加载模式.分离模式.文件模式的场景加载创建和场景打开关闭 版本2.1.1.1 白鹭中的场景是exml制作,发布后exml代码都会打包到default.thm.json中,在项目运行时,在Main文件中加载. Laya中的场景则提供了多种方式. Laya编辑模式下F9.查看场景设置. 发布模式有文件模式,内嵌模式,加载模式,分离模式. 默认是文件模式. 这些模式的区别就是我的场景UI数据究竟放哪里. 我们现在分别用4种模式创景场景,每个场景只

参考: 屏幕适配API概述 版本2.1.1.1 目录 一 适配模式 二 UI组件适配 一 适配模式 基本和白鹭的适配模式一样. Laya官方也推荐了竖屏使用fiexedwidth,横屏使用fixedheight.这也是我自己常用的适配模式. 修改适配模式在项目GameConfig.ts下 二 UI组件适配 Laya的页面上UI如何适配,比如游戏中的图标.需要在不同手机上恒定右上显示,或者右下显示. 在白鹭中组件的面板有个快捷约束,可以设置UI组件的适配.比如下图中,这个Group组件始终居中显示

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

坐标系基本概念 直角坐标系可分为左手坐标系与右手坐标系,cad 中用到的是右手坐标系, Laya2D 中用到的是左手坐标系, Laya3D 中使用右手坐标系. 那么如何判断二维直角坐标系是左手还是右手呢? 以原点 O 为支点, 将 x 轴逆时针旋转 90° 后, 若其与 y 轴同向则为右手坐标系,若与 y 轴反向,则为左手坐标系. 在 Laya 中显示 cad 坐标对象 基本原则:不改变数据坐标,改变Laya 容器坐标. 保持根容器不变,变换子容器坐标原点位置 缩放子容器坐标比例 // 例如,我

box2d http://box2d.org Box2D JS https://sourceforge.net/projects/box2d-js/ Box2D一:基础知识 https://www.cnblogs.com/shangdahao/archive/2013/03/30/2462477.html [Box2D]物理引擎入门001 https://www.jianshu.com/p/7681431618ec [Box2D]物理引擎入门002 https://www.jianshu.com

info:更多Django信息url:https://www.oschina.net/p/djangodetail: Django 是 Python 编程语言驱动的一个开源模型-视图-控制器(MVC)风格的 Web 应用程序框架.使用 Django,我们在几分钟之内就可以创建高品质.易维护.数据库驱动的应用程序. Django 框架的核心组件有: 用于创建模型的对象关系映射 为最终用户设计的完美... info:更多OpenERP信息url:https://www.oschina.net/p/o

发布为微信小游戏后,在微信工具中测试时总是提示加载retry to load TheRed.fnt,并以error告终.由于没有任何出错信息,无奈之下只好阅读源码.对BitmapFont的处理分为两个部分,一是下载x.fnt文件并加以解析,成功后会将x.fnt替换为x.png并再次下载.在微信工具中一步步地debug,最终定位到是在MiniAdapter.parseXMLFromString方法中调用: (new window.Parser.DomParser()).parseFromStrin

在一次断点调试中,突然程序不再按照博主指定的断点执行,莫名其妙端点到了bundle.js文件中的某一行中,这是不应该的,第一次时间反应就是引擎出了问题,但是总不能让博主卸载重装吧. 经过查找资料,询问laya开发者群,一位同学给出了可行的答案,并且该方法在后续开发中,遇到很多莫名其妙的引擎BUG时非常管用. 下面是操作步骤: 1.打开编辑器,鼠标移动到左上角的"文件" 2.从文件拓展栏中找到"刷新编辑器",此举为清除laya引擎编辑器的所有缓存. 3.即可.

HTML5是风口,但年轻幼稚,Flash昔日黄花,但丰满妖娆,Layabox使用Flash直接开发HTML5(或编译页游),渴望性感而青春,但久在深闺,只见于一些大企业和朋友圈中,被指“饥饿营销”,保守的企业文化,所谓的精品策略可能错过时机,期待.怀疑.称赞.诋毁,舆论中心的Layabox,今日,姗姗而来,1200个日夜,只为一鸣惊人. Laya.Flash是什么?Laya.Flash是Layabox旗下最重要的产品之一 是专为Flash的开发者而提供的大型HTML5游戏开发工具. 通过Laya

在基于TypeScript的LayaAir HTML5游戏开发中使用AMD AMD AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义".这是目前最流行的JavaScript/TypeScript代码的管理方式.本文介绍了如何在基于TypeScript的LayaAir HTML5游戏开发中使用AMD来组织代码.本文参考资料列表中包含了更多关于AMD的信息. 示例项目 示例项目源码从这里下载https://githu

借助AMD来解决HTML5游戏开发中的痛点 游戏开发的痛点 现在,基于国内流行引擎(LayaAir和Egret)和TypeScript的HTML5游戏开发有诸多痛点: 未采用TypeScript编译器的增量编译模式导致无法达到极致的编译效率,进而编码.运行.调试循环不流畅. 代码的组织方式是使用namespace,为了减少代码长度和提高代码输入的效率,一般使用import来创建别名,但是工具流不支持自动的import或者import检查.手动去写import降低了编码的效率. 使用namespa