LayaAir引擎——(一)

LayaAir是LayaBox推出的Html5游戏引擎,支持 ActionScript3、TypeScript、JavaScript,开源,并且商用免费。

LayaAir IDE 是一款使用LayaAir 引擎来开发应用,游戏的集成开发环境。

LayaAir IDE 下载地址: http://pan.baidu.com/s/1i5yKPpV;

新建项目:

  项目名称:Test

  项目路径:C:\Users\FanXiaying\Documents\LayaProject\Test

  项目语言:JavaScript项目

  项目引擎版本: 1.0.0 项目文件夹将结构如下:

  ProjectName(项目文件夹)

  |---.laya---launch.json

  |---.laya---tasks.json

  |---bin--libs

  |---bin--index.html

  |---laya---assets

  |---laya---pages

  |---laya---.laya

  |---libs

  |---src

  |---ProjectName.laya

  |---jsconfig.json

项目运行配置文件(.laya文件夹)——存放的是项目在开发运行中的一些配置信息。

launch.json文件保存了项目调试的一些配置信息。

launch.json文件中的 url 定义了项目调试运行时主页面(index.html)的位置信息。

launch.json文件中的chrome调试配置中的runtimeExecutable 保存了chrome 浏览器(chrome.exe)在你电脑中的目录地址。(可以自行修改成电脑谷歌浏览器的安装路径)

项目的输出目录(bin文件夹)——存放的是项目的输出文件。

bin/libs 文件夹存放的是 LayaAir 引擎各模块的js 文件,在项目中需要使用哪个模块就需要在 index.html 引入对应的 模块包JS 文件。

•laya.core是核心包,封装了显示对象渲染,事件,时间管理,时间轴动画,缓动,消息交互,socket,本地存储,鼠标触摸,声音,加载,颜色滤镜,位图字体等。

•laya.webgl 包封装了webgl渲染管线,如果使用webgl渲染,可以在初始化时调用Laya.init(1000,800,laya.webgl.WebGL);

•laya.ani.js是动画模块,包含了swf动画,骨骼动画等。

•laya.filter.js包含更多webgl滤镜,比如外发光,阴影,模糊以及更多。

•laya.html.js封装了html动态排版功能。

•laya.ui.js提供了制作UI的各种组件实现。

•laya.tilemap.js提供tileMap解析支持。

UI项目目录(laya文件夹)——项目的UI项目目录

laya文件夹中的 assets 目录用来存放编辑UI页面、粒子等组件所需的资源文件。

laya文件夹中的 pages 目录用来存放编辑器生成的页面配置文件。

laya文件夹中的 .laya 文件是UI项目配置文件。

项目脚本代码目录(src文件夹)

项目中的脚本代码文件默认将存放在 src 目录。

项目配置文件(ProjectName.laya) ProjectName.laya 是项目配置文件,文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。

时间: 2024-07-31 11:03:00

LayaAir引擎——(一)的相关文章

LayaAir引擎——(七)

LayaAir引擎——人物控制TiledMap地图移动和墙壁检测 所需要的软件: LayaAir IDE 1.0.2版本 TiledMap 所需要的东西: 地图:53 * 32,(48*48) 人物:48*48 注意: var a = pass.getTileDataByScreenPos(player.x,player.y - 48);//返回图块在图块集纹理上的索引+1 562//实际上索引是561,判断地图上的格子是否是561,如果是,不可以通行,则反之. var Sprite = Lay

LayaAir引擎——(六)

LayaAir引擎——TiledMap地图图块属性获取和进行墙壁碰撞检测 需要的软件: TiledMap LayaAir IDE 1.0.2版本 所画的地图: pass层: floor层: pass层格子属性: 白色格子: id:48,自定义属性 isCanPass:true 黑色格子:id:44,自定义属性 isCanPass:false floor层格子属性 五芒星格子:id:0 石头格子:id:27 矿车格子:id:22 1.前提代码 Laya.init(576, 576); var pl

LayaAir引擎——(二)

LayaAir引擎 -> 工具 -> 图集打包例子

layaAir引擎制作游戏的图集动画、时间轴动画、和骨骼动画总结二

一.角色序列帧.ani动画的制作 1.在项目管理器中创建动画文件 2.创建动画模板,编辑动效名称 3.编辑序列帧动画 .ani格式动画的代码控制 1.动画加载loadAnmition() 2.播放与停止.动效模板切换 3.动画帧位置控制 4.动画播放完成事件 uui截图: Laya.init(1334, 750); Laya.loader.load(["res/comp.atlas","res/role.atlas"],Laya.Handler.create(thi

LayaAir引擎——(三)

LyaAir引擎(JavaScript)实现图片的翻转一半 图片4.png位于bin/开场过渡 文件夹下,图片大小150*30(根据实际情况做调整) var button; var scale1 = 1; button = new laya.display.Sprite() button.pos(100,100); button.pivot(75,15); button.loadImage("开场过渡/4.png"); Laya.stage.addChild(button); //实现

LayaAir引擎——(十一)

var c = new Array(); var d = new Array(); var e = new Array(); var f = new Array(); var g = new Array(); var zzjmCursor = 0; function zzjminit() { zzjminitName(); zzjminitRectChoose(); zzjminitRectChoosePic(); zzjmSetVisible(0); zzjminitZhongZuShuoMi

LayaAir引擎——(十)

var k = new Array(); var l = new Array(); var m = new Array(); var zhiyeCurosr = 0; function zyinit() { zyinitName(); zyinitRectChoose(); zyinitRectChoosePic(); zyinitZhiyeIntro(); zySetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN,this,zyOnKe

LayaAir引擎——(八)

var a = new Array(); var b = new Array(); var ksjmCursor = 0; function ksjminit() { ksjminitName(); ksjminitRectChoose(); ksjminitRectChoosePic(); ksjmsetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN, this, ksjmOnKeyDown); } function ksjminitN

LayaAir引擎——(九)

var h = new Array(); var j = new Array(); var xbCursor = 0; function xbinit() { xbinitName(); xbRectChoose(); xbRectChoosePic(); xbSetVisible(0); Laya.stage.on(laya.events.Event.KEY_DOWN,this,xbOnkeyDown); } function xbinitName() { var d1 = new laya.