Layabox(JS)
文章平均质量分 95
蚩尤后裔-汪茂雄
朝为田舍郎,暮登天 子堂;将相本无种,男儿当自强。
展开
-
LayaAir 事件 laya.events.Event
目录Event APIClick 单击事件MOUSE_DOWN 鼠标按下MOUSE_OVER/OUTMOUSE_MOVE/UPdown/up 实现触摸滑动Event APIPackage laya.events 类 public dynamic class Event Inheritance Event Object 子类 U...原创 2019-01-15 14:46:44 · 11544 阅读 · 0 评论 -
LayaAir 性能统计面板 laya.utils.Stat
目录性能统计 Stat编码示例FPS 帧率/帧率限制性能统计 Stat1、制作游戏过程中,掌握游戏以及引擎的优化技巧还是非常有必要的,要了解引擎的性能,首先要看懂性能统计面板。2、LayaAir 引擎内置的性能统计面板可实时检测当前性能,在代码中输入 Laya.Stat.show(0,0); 即可调出性能统计面板。Package laya.utils 类 ...原创 2019-01-06 13:58:19 · 3587 阅读 · 0 评论 -
LayaAir UI 组件 # Button 按钮
目录Button 组件详解默认Button资源自定义按钮资源按钮绑定单击事件Button组件属性介绍本文使用 LayaAir IDE 2.0.0beta5 版本。Button 组件详解1、laya.ui.Button(按钮)组件是最常用的组件之一,可以显示文本标签、图标或者两者同时显示。2、LayaAir IDE 资源面板中以 btn_ 或者 button_ 命...原创 2018-12-26 11:14:51 · 7664 阅读 · 0 评论 -
LayaAir 快捷键设置与资源命名规则
目录自定义快捷键资源命名规则基础组件命名规则特殊组件容器组件自定义快捷键1、LayaAirIDE 中代码快捷键继承了 VS Code 的功能(个别快捷键会有所不同),这对于如 Java 出身的用户显然用着会不太顺手,特别是常用的如注释、删除代码行,快速格式化代码等快捷键,希望它能尽量和《IDEA_WebStorm 常用快捷键》保持一致。2、LayaAir 支持用户根...原创 2018-12-25 11:45:14 · 1789 阅读 · 0 评论 -
LayaAir 屏幕适配-横屏与竖屏
目录屏幕方向screenMode=nonescreenMode=horizontalscreenMode=vertical横竖屏切换代码屏幕方向laya.display.Stage 类的 screenMode 属性用于定义屏幕模式,即设置屏幕横屏或者竖屏,或者不改变屏幕。Property(属性) screenMode : String 场景布局类型。 取值...原创 2018-12-25 09:16:12 · 6185 阅读 · 0 评论 -
LayaAir UI组件 # Tab 选项卡按钮组
目录Tab 组件编码示例默认资源自定义资源Tab 组件Tab 组件用于定义选项卡按钮组,例如多页面切换显示。Tab 组件的皮肤是以 tab 或以 tab_ 为前缀进行命名,在皮肤设计规范方面,是竖向等分的两态图或三态图。Tab 组件的皮肤无法使用九宫格属性,所以要在资源设计的时候就确定好实际应用时的大小Package laya.ui 类 publ...原创 2018-12-29 16:59:19 · 3158 阅读 · 0 评论 -
LayaAir 屏幕适配-缩放模式
目录LayaAir 宽高定义屏幕缩放模式LayaAir 宽高定义1、设计宽高:项目代码中初始化舞台 Laya.init() 中定义的宽高即为设计宽高2、Stage 宽高:stage 宽高为游戏舞台实际大小的宽高3、适配宽高:通过引擎的适配模式对设计宽高进行缩放改变后的宽高,为了便于区分理解,称为适配宽高4、画布宽高:画布宽高是指 HTML5 中 canvas 节点的宽高...原创 2018-12-24 14:27:31 · 5980 阅读 · 0 评论 -
LayaAir 屏幕适配-分辨率、对齐模式
目录Brower 屏幕分辨率屏幕对齐模式Brower 屏幕分辨率1、早先的移动设备中,屏幕像素都比较低,如 Iphone3 分辨率为320×480,一个像素等于一个屏幕物理像素。后来随着设备屏幕像素密度越来越高,从iphone4开始,苹果推出Retina屏,分辨率变成了640×960,提高一倍,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍,这提高的就是 devic...原创 2018-12-24 11:50:01 · 4846 阅读 · 0 评论 -
LayaAir Geolocation 获取地理位置
Geolocation1、如果设备支持 Geolocation(地理定位),并且所使用的浏览器支持,就可以使用 Geolocation 获取设备的当前地理位置。可以打开网页http://caniuse.com/#search=geolocation 查看有哪些浏览器版本支持Geolocation。2、LayaAir 的 Geolocation 是对 《HTML5 Geolocation(地...原创 2018-12-24 10:19:52 · 1082 阅读 · 0 评论 -
LayaAr 批量加载资源 LoaderManager
目录LoaderManager load 加载资源clearRes 卸载资源LoaderManager Package laya.net 类 public class LoaderManager Inheritance LoaderManager EventDispatcher Object 1、LoaderManager 类用于批量加载资...原创 2019-01-07 10:36:29 · 3143 阅读 · 2 评论 -
LayaAir Sprite 容器添加子节点
目录Sprite 容器操作Sprite Package laya.display 类 public class Sprite Inheritance Sprite Node EventDispatcher Object 子类 AnimationBase, PerfHUD, Scene, Stage, Text 1、Sprite 是基本的显示...原创 2019-01-07 11:38:00 · 2455 阅读 · 0 评论 -
LayaAir Sprite 旋转缩放
目录Sprite 旋转缩放编码示例 旋转 缩放Sprite 旋转缩放1、Sprite 是基本的显示图形的显示列表节点, Sprite 默认没有宽高,默认不接受鼠标事件。2、通过 graphics 可以绘制图片或者矢量图,支持旋转,缩放,位移等操作。3、laya.display.Sprite 同时也是容器类,可用来添加多个子节点。4、旋转缩放操作主...原创 2019-01-07 13:50:45 · 3426 阅读 · 0 评论 -
LayaAir destroy 销毁与 removeChild 移除节点
目录destroy 释放内存编码示例removeChild 移除节点destroy 销毁节点1、JavaScript 运行时无法启动垃圾回收器,要确保一个对象能够被回收,需要删除对该对象的所有引用。Sprite 提供的 destory() 方法会帮助设置对象内部引用为 null。2、例如,以下代码确可保对象能够被作为垃圾回收:var sp = new Lay...原创 2019-01-09 15:55:42 · 7590 阅读 · 0 评论 -
LayaAir 事件处理器 Handler
目录Handler Handler.create 与 new Handler编码示例Handler Package laya.utils 类 public class Handler Inheritance Handler Object 1、Handler 是事件处理器类。这是优化内存的方式之一,可以参考《LayaAir 对象池 laya.uti...原创 2019-01-09 15:22:29 · 4235 阅读 · 1 评论 -
LayaAir 对象池 laya.utils.Pool
目录对象池优化内存对象池 Pool编码示例对象池优化内存1、对象池优化是游戏开发中非常重要的优化方式,也是影响游戏性能的重要因素之一。2、游戏中有许多对象会不停的创建与移除,比如角色攻击子弹、特效的创建与移除,NPC(非玩家角色)的被消灭与刷新等,在创建过程中非常消耗性能,特别是数量多的情况下。3、对象池技术能很好解决以上问题,在对象移除消失的时候回收到对象池,需要新对...原创 2019-01-09 14:38:40 · 6275 阅读 · 0 评论 -
LayaAir 获取对象边界 getBounds/ getGraphicBounds
目录getGraphicBounds图片边界获取显示对象边界在相对布局中,经常需要正确地获取显示对象的边界,通常采用 getBounds/ getGraphicBounds。它们都是 laya.display. Sprite 类的方法。getGraphicBounds/** * 返回此实例中的绘图对象( <code>Graphics</code&g...原创 2019-01-14 17:26:05 · 1550 阅读 · 0 评论 -
LayaAir 2.0 开发 2048 小游戏
效果展示 源码下载地址:https://download.csdn.net/download/wangmx1993328/10935405需求分析(因为这个小游戏是自己闲暇之际写的,所以网上应该还有更好的设计思路,以下全是自己琢磨的,仅...原创 2019-01-24 09:22:46 · 2530 阅读 · 2 评论 -
LayaAir 定时器 Timer
目录Timer 编码示例callLater 延迟调用延迟执行间隔循环时钟暂停与恢复结束定时器优化策略Timer Package laya.utils 类 public class Timer Inheritance Timer Object Timer 是时钟管理类,它是一个单例,不要手动实例化此类,应该通过 Laya....原创 2019-01-07 15:48:16 · 11859 阅读 · 0 评论 -
LayaAir cacheAs 缓存与 visible 隐藏
目录cacheAs 与 visible编码示例优化 DrawCall 与 CanvasCacheAs 静态缓存优化优化 Sprite 的常用方式如下:1)尽量减少不必要的层次嵌套,减少Sprite数量2)非可见区域的对象尽量从显示列表移除或者设置 visible=false3)对于容器内有大量静态内容或者不经常变化的内容(比如按钮),可以对整个容器设置cacheA...原创 2019-01-12 12:39:57 · 4438 阅读 · 0 评论 -
LayaAir UI 组件 # RadioGroup 单选框按钮组
目录RadioGroup 组件编码示例系统默认资源自定义资源RadioGroup 组件1、lala.ui.RadioGroup 是单选框按钮组,按钮组之内的组件选项互相排斥,用户每次只能选择一个单选框(laya.ui.Radio)组件。2、RadioGroup 组件的皮肤无法使用九宫格属性,所以要在资源设计的时候就确定好实际应用时的大小。Package lay...原创 2018-12-29 10:05:05 · 1940 阅读 · 0 评论 -
LayaAir 缓动动画
目录缓动动画·概述from()与to()方法缓动动画·示例props 属性Ease 缓动函数backInbackInOutbackOutbounceIn动画结束回调函数缓动动画·概述1、游戏开发中缓动动画比较常见,它是提升游戏 UI 体验的重要因素之一,例如对话框弹出、关闭,按钮的动效出现与消失,道具飞入背包等2、可以直接使用 LayaA...原创 2018-12-18 14:48:53 · 6421 阅读 · 1 评论 -
LayaAir 位图添加遮罩与滤镜
目录mask 遮罩滤镜ColorFilter 颜色滤镜GlowFilter 发光滤镜BlurFilter 模糊滤镜内存优化mask 遮罩laya.display.Sprite mask 属性如下:mask : Sprite 遮罩,可以设置一个对象(支持位图和矢量图),根据对象形状进行遮罩显示。 【注意】遮罩对象坐标系是相对遮罩对象本身的,和Flash机制...原创 2018-12-12 13:38:08 · 5404 阅读 · 4 评论 -
LayaAir 音乐与音效
目录音乐与音效·概述SoundManager音乐与音效·运用运用入门复合应用音乐与音效·概述1、HTML5 的音频播放,在当前有两种主流的方式,一种是 Audio 标签播放,另一种是 WebAudio 二进制播放。2、Audio 属于 dom 元素,带有 ui 界面,在移动端 Audio 属于边下载边播放,适合声音文件比较大的文件(如背景音乐),但是 Audio 在...原创 2018-12-21 11:10:12 · 5560 阅读 · 0 评论 -
LayaAir WebSocket 通信
目录Laya Socket·概述Laya.SocketLaya Socket·运用环境准备Laya 客户端Laya Socket·概述1、WebSocket 是一种基于 ws 协议的技术,它使得建立双全工连接成为可能,websocket 常见于浏览器中,但是这个协议不受使用平台的限制。2、关于 webScoket 本文不做过多阐述,可以参考《HTML5 WebSoc...原创 2018-12-21 09:24:43 · 5062 阅读 · 1 评论 -
LayaAir UI 组件 # CheckBox 复选框
目录CheckBox 组件默认checkbox 资源 自定义组件皮肤获取选中状态CheckBox 组件Package laya.ui 类 public class CheckBox Inheritance CheckBox Button Component Sprite Node EventDispatcher Object 1、Check...原创 2018-12-26 15:53:02 · 1607 阅读 · 0 评论 -
LayaAir HttpRequest 网络访问
目录HttpRequest·概述HttpRequest·运用环境准备get请求post 请求HttpRequest·概述1、项目中经常会使用 http 请求,LayaAir 引擎中 laya.net.HttpRequest 就是专门用于处理 http 网络请求,其实质包装的就是原生的 XMLHttpRequest2、XMLHttpRequest 这个原生的类其实很庞...原创 2018-12-20 17:39:04 · 6100 阅读 · 0 评论 -
LayaAir 文本 Text API 详解
目录环境说明LayaAir 文本概述文本基础样式文本对齐&自动换行文本区域溢出处理overflow 截切或隐藏scrollX & scrollY 滚动文本渲染优化环境说明本文使用 LayaAirIDE 版本、LayaAir 引擎 版本为 2.0.0beat5:https://ldc2.layabox.com/layadownload/?typ...原创 2018-12-09 13:49:06 · 5033 阅读 · 2 评论 -
LayaAir graphics 矢量绘图之 圆形与扇形
目录drawCircle 绘制圆形drawPie 绘制扇形锯齿消除设置drawCircle 绘制圆形laya.display.Graphics 类的 drawCircle() 方法可以快捷的绘制圆形。/** * 绘制圆形。 * @param x 圆点X 轴位置。 * @param y 圆点Y 轴位置。 * @param radius ...原创 2018-12-14 16:01:08 · 3264 阅读 · 0 评论 -
LayaAir 时间轴动画
目录时间轴动画·概述动画编辑器时间轴动画·运用入门平移动画多时间轴动画帧动画时间轴动画·概述1、时间轴动画编辑器最是 LayaAirIDE 中的核心模块,通过对时间轴上的关键帧制作,自动生成运动中的动画帧,可快捷的实现游戏中 alpha 透明度渐变、位移、旋转、缩放等动画效果。节省了制作人员的大部份时间,提高了开发效率。2、本文将直接进行动画制作及其使用,而...原创 2018-12-20 09:26:51 · 3733 阅读 · 0 评论 -
LayaAir graphics 矢量绘图之 多边形、矩形
目录drawpoly多边形绘制drawRect 矩形绘制drawPath 路径绘制绘制直角矩形绘制圆角矩形drawpolylaya.display.Graphics 类的 drawpoly() 方法可以实现绘制三角形、多边形以及根据指定的路径数据绘制出图案。/*** 绘制多边形。* @param x 开始绘制...原创 2018-12-14 13:13:22 · 4253 阅读 · 0 评论 -
LayaAir 图集动画1—图集制作
目录图集制作·理论介绍LayaAirIDE 制作图集IDE 图集打包工具打包图集资源管理器内自动打包图集图集文件介绍图集动画预览图集制作·理论介绍官网参考地址:https://ldc.layabox.com/doc/?language=zh&nav=zh-js-2-2-01、图集(Atlas)是游戏开发中常见的一种美术资源,通过工具将多张图片合并成一张大...原创 2018-12-16 15:30:37 · 2468 阅读 · 0 评论 -
LayaAir 图集动画2—动画运用
目录图集动画·概述Animation图集动画·运用加载动画图集资源并播放createFrames创建模板播放图集中指定动画loadImages直接播放图集中指定动画图集动画·概述1、游戏开发中,动画的运用基本无处不在,LayaAir 引擎提供了功能强大的的 laya.display.Animation 动画类,它可以使用多种动画资源生成游戏动画。2、可以用 La...原创 2018-12-16 16:05:22 · 2379 阅读 · 0 评论 -
LayaAir graphics 绘制文本
目录fillTextfillBorderTextstrokeTextlaya.display.Graphics 的 fillText 与 fillBorderText 、strokeText 方法可以用于绘制文字。如给一个矩形绘制上文本,让其看起来像一个按钮。fillText/**在画布上绘制文本。 * @param text 在画布上输出的文本。 * @para...原创 2018-12-21 14:48:43 · 1290 阅读 · 0 评论 -
LayaAir Graphics.drawTexture 显示与切换图片
目录drawTexture加载并显示图片动态切换图片drawTexture 图片显示是游戏开发的基础,常用的有Sprite.loadImage 与 Graphics.drawTexture 两种方式,本文介绍laya.display.Graphics 的 drawTexture() 方法。1、Graphics(绘图) 类用于创建绘图显示对象2、Graphi...原创 2018-12-12 09:32:06 · 5582 阅读 · 0 评论 -
LayaAir UI 组件 # HSlider,VSlider(水平/垂直滑动条)
目录HSlider 组件默认资源VSlider 组件自定义资源HSlider 组件Package laya.ui 类 public class HSlider Inheritance HSlider Slider Component Sprite Node EventDispatcher Object 1、HSlider 与 VSlider ...原创 2018-12-28 14:56:10 · 3274 阅读 · 0 评论 -
LayaAir UI组件 # List 列表、ProgressBar 进度条
目录List 组件编码示例ProgressBar 进度条默认进度条资源自定义进度条资源List 组件Package laya.ui 类 public class List Inheritance List Box Component Sprite Node EventDispatcher Object 实现 IRender, IIt...原创 2018-12-28 13:45:02 · 5202 阅读 · 0 评论 -
LayaAir Sprite.loadImage 显示与切换图片
目录Sprite.loadImage编码实例加载并显示图片动态切换图片Sprite.loadImage图片显示是游戏开发的基础,常用的有Sprite.loadImage 与 Graphics.drawTexture 两种方式,本文介绍laya.display.Sprite 的 loadImage() 方法。1、laya.display.Sprite 是基本的显示图...原创 2018-12-11 15:34:29 · 4854 阅读 · 0 评论 -
LayaAir textInput 单行输入&多行输入
目录textInput 组件编码示例textInput 组件文本输入框是游戏中经常会用到的一个 UI 组件,任何时候需要输入的时候都要使用到 laya.ui.textInput 类。Package laya.ui 类 public class TextInput Inheritance TextInput Label Component Sprite ...原创 2018-12-11 11:58:43 · 3560 阅读 · 0 评论 -
LayaAir UI 组件 # Image 位图、Label 标签
目录Image 组件编码示例Label 组件编码示例渲染优化Image 组件Package laya.ui 类 public class Image Inheritance Image Component Sprite Node EventDispatcher Object 1、laya.ui.Image 类是用于表示位图图像或绘制图形的...原创 2018-12-27 15:36:33 · 2592 阅读 · 0 评论 -
LayaAir UI 组件 # Clip 切片、ComboBox 下拉框
目录Clip 切片默认Clip 资源自定义Clip 资源ComboBox编码示例Clip 切片1、Laya.ui.Clip 组件可用于显示位图切片动画,Clip 可以将一张图片,按横向分隔数量 clipX、竖向分隔数量 clipY,或横向分割每个切片的宽度 clipWidth、竖向分割每个切片的高度 clipHeight,从左向右,从上到下,分割组合为一个切片动画...原创 2018-12-27 10:50:33 · 2259 阅读 · 0 评论