LayaAir
启之灵
不积跬步无以至千里,不积小流无以成江海
展开
-
LayaAir基础(4) 之 list容器
1.切换到编辑模式创建一个view2.在view中设置显示于给checkbox和一个文本内容选中这两个对象,ctrl+b 设置box;在点击box,ctrl+b 选择list;则box就在list对象的下面(层级关系);当我们此时拉伸list的时候,box的列表也就出现了; 给每一个checkbox设置逻辑处理:let ServiceListView =...原创 2019-01-23 23:59:26 · 1332 阅读 · 0 评论 -
LayaAir基础(3) 之 场景的搭建
场景的搭建这里所说的场景就是每一个页面的显示效果1.进入编辑模式,进入UI视图的编辑界面;2.在项目下的空白区域,右击-->新建-->页面/场景3.拖动指定的UI到视图区域关于这些资源的命名:以下面的开头,加_xxx即可;背景:bg按钮:button 或者btn选框:checkbox 文本标签:label文本输入框:textinp...原创 2019-01-22 20:55:55 · 2111 阅读 · 0 评论 -
LayaAir基础(9) 之 Spine与DragonBone骨骼动画的转换 及 代码加载
Spine与DragonBone骨骼动画的转换在ide的工具栏中 代码加载Laya.init(1280,720,Laya.WebGL);//直接创建骨骼动画// this.skeleton = new Laya.Skeleton();// Laya.stage.addChild(this.skeleton);// this.skeleton.load("res/gob...原创 2019-01-27 23:01:57 · 7234 阅读 · 0 评论 -
LayaAir基础(8) 之 Animation组件动画
Animation组件将动画类制作成了一个可视化的组件将这个组件可以拖动到Scene中这加载图集,.ani文件动画,也可以将一组图片拖动这个这个位置会自动生成动画;...原创 2019-01-27 22:42:24 · 1097 阅读 · 0 评论 -
LayaAir基础(7) 之 .ani动画文件
.ani动画文件是将动画数据,翻译成了一个文件保存起来,当引擎加载的时候通过这个文件获取相应的数据即可加载动画显示1.创建这个动画文件和场景的建立方式是一样的,建立一个GraphicAnimation动画文件F12导出后就会在laya--pages--.ani文件就存在了; 2.加载和控制动画文件export default class FirstScene ex...原创 2019-01-27 18:48:28 · 1869 阅读 · 0 评论 -
LayaAir基础(6) 之 UI界面动画
UI界面动画 顾名思义就是在UI界面直接添加动画效果;下面的内容介绍是针对LayaAir2.0版本出的实例:1.创建一个场景2.布局UI界面在这里我就简单的拖几个组件了3.勾选动画编辑模式在点击对应的组件,在设置属性,回车键就生成了关键帧其中动画名称firstAni 就是 在代码中的动画索引;标签label :aniStop 就是给一个关键帧设置的标...原创 2019-01-27 00:39:53 · 2187 阅读 · 0 评论 -
LayaAir基础(2) 之 资源加载
目的:1.显示图片2.加载图集 2.1 先创建图集 在编辑模式下,创建一个页面,进行资源图片的布局,然后导出;3.批量加载资源//入口函数(function(){ //初始化匿名函数自调用; (function(){ var WebGL = laya.webgl.WebGL; Laya.in...原创 2019-01-20 14:22:55 · 2680 阅读 · 2 评论 -
LayaAir基础(1) 之 hello world
在LayaSample.js文件中写下面的代码,这个文件就是程序的入口文件function GameMain(){ //初始化layaAir引擎; var WebGL = laya.webgl.WebGL; //宽高,webGl是否使用webgl渲染,如果不支持webgl,将使用canvas; Laya.init(600, 400, WebGL); ...原创 2019-01-20 10:39:45 · 714 阅读 · 0 评论 -
LayaAir基础(5) 之 图集打包及资源加载
图集打包例如:第一种、利用ide提供的工具打包图集;1.将资源拷贝到项目的laya/assets/role/role目录下2.ide菜单栏中的工具 ---图集打包 设置相关的参数3.点击确定,就生成了下面的文件 第二种方式1.将资源文件直接拷贝到laya -- >assets的目录下2.切换到编辑模式下,点击F9 弹出项目设置;3.点击确...原创 2019-01-25 20:29:45 · 4903 阅读 · 0 评论