Laya

官网： http://ldc.layabox.com/

官方视频教程： http://layabox.ke.qq.com/

文档： https://ldc2.layabox.com/doc/?nav=zh-ts-1-0-2

LayaAir功能介绍

LayaAir引擎主要包括 引擎库与LayaAir IDE两大核心部分

LayaCloud与LayaNative是引擎的生态组合部分

LayaAir2.0引擎库功能

LayaAir2.0引擎不仅保持了1.0的原有功能，比如：

精灵、矢量图、文本、富文本、位图字体、动画、骨骼、音频与视频、滤镜、事件、加载、缓动、时间、网络、UI系统、物理系统、TiledMap、prtocol等API；

还新增内置了box2d物理引擎、组件化支持，以及150多款3D功能，比如：

新增的主要官方材质包括PBRStandardMaterial、PBRSpecularMaterial以及UnlitMaterial材质等。

纹理方面，增加多种纹理参数配置(mipmap、format、wrapModeU、wrapModeV、filterMode、anisoLevel)， 增加纹理上传像素接口， GPU纹理压缩。

动画方面，新增Animator动画融合功能crossFade，新增动画多层混合播放，动画更新机制调整为实时插值，大幅减少内存和动画流畅度表现，新增多种材质属性动画

支持开发2D、3D、VR的产品研发，支持Canvas与WebGL模式，支持同时发布为HTML5、Flash、APP（IOS、安卓）微信小游戏，QQ玩一玩多种版本。

2. 基础篇

2.1 我得第一个程序：

<1. 运行后黑屏，修改.laya目录下的compile.js 文件，修改启动类为HelloLayabox.ts

<2. 找不到库时，先看看有没有错误，再重新打开写。

2.2 显示列表

​ 显示对象在舞台上显示之前，还需要有一个过程，那就是先添加到显示列表中。显示列表的作用就是将显示对象进行数据索引，用于层级的显示顺序（后添加的在最上层显示），然后在舞台上显示。

2.3 文本

通过laya.display.Text类添加文本，给文本设置字体样式、颜色、大小等。

视频： 熟悉IDE的通用导航与菜单功能：

UI组件可视化编辑：

Text，界面输入后要使用回车键。

界面主要有三块：

<1. 工程面板

---自带的东西默认是隐藏的

---可以给资源(eg:图片)可以设置默认全局属性）是一种设置预设的方式。

<1. 层级面板

场景中物体的层级顺序等

可以锁定

<2. 预览面板

<3. 组件面板

F9: 打开项目设置

创建容器：把多个物件锁在一起。

滤镜效果虽好，但是尽可能地不要用，滤镜不继承组件，滤镜不是组件

动态文本/静态文本  动态时候使用FillText，而Text是每次都是提交这么，不断创建大量的图集去提交

动态重复字文字共享，静态则超过阈值就创建的. 一个是一个字一个字的提交，一个是整个文本的提交。

UI组件库：

1. 基础组件：

2. 容器组件：多张图组合

Dialog  ： 弹窗

View :需要相对布局时 ，必须是UI组件，否则可以转换成UI组件，image   

sence:不需要相对布局时 

节点与非节点  继承与非继承

 

穿透：https://ke.qq.com/course/391284?taid=3649876093433972

button：默认是接收鼠标点击事件的，但是Image默认是不用点击事件的 。

Image需要时需要改为true，如下图：即遮挡住了

而，下图设置成false，则时是按照宽高来遮挡的，不是按照显示图形形状来的。负责区域修正，不是负责穿透

下图为true，则优先检测父对象。

注意：下图两个矢量图，则在两个图形中间也会视为整体

学习TS语言的网址：  www.tslang.cn   翻译的类的官网